1. Bold Commerce Help Center
  2. Bold Discounts - Shopify
  3. Tutorials

Use Custom Sales Text

Follow
Avatar
Brendin
  • Bold Discounts
  • All Versions
  • Advanced liquid knowledge required
  • 15 Minutes

Pro Tip

Bold Discounts also allows you to upload and use your own custom sales icons. Visit Use Custom Sales Icons for more information.

Bold Discounts allows you to add custom blocks of text to your sale items. This lets you provide your customers with additional information about sale items.

To add this to your store, please follow these steps:

  1. From Shopify's admin, select Online Store.

    Select Online Store

  2. Select Actions.

    Select Actions

  3. Select Edit code.

    Select Edit Code

  4. Under "Snippets", select Add a new snippet.

    Select Add New Snippet

  5. Enter bold-sales-text as the snippet name.

    Enter bold-sales-text

  6. Select Create snippet.

    Select Create Snippet

  7. Copy and paste the following code into the bold-sales-text snippet file: 
    {% if product.metafields.inventory.ShappifySale == "true" %}<p class="bold-sales-text">YOUR SALES TEXT HERE</p>
    <style>
    .bold-sales-text {
     display: inline-flex;
     margin: 10px 10px 25px;
     color: black;
     border: solid 2px black;
     padding: 10px 10px 10px;
    }
    </style>
    {% endif %}

    Paste Code

  8. Adjust the sales text and styling accordingly.

    Note: Visit W3 Schools - CSS for more information on how to use CSS styling.

    Adjust Styling

  9. Select Save.

    Select Save

  10. Under "Templates", select product.liquid.

    Note: This file may be located under "Sections" as product-template.liquid.

    Select product.liquid

  11. Copy and paste the following code where you want this text to display: 
    {% include "bold-sales-text" %}

    Include bold-sales-text

  12. Select Save.

    Select Save

That's it! You can also use your own custom blocks of HTML to add tables, lists and any other information you want to give customers about your sale products. Visit W3 Schools - HTML for more information on how to use HTML.

Visit our Bold Discounts Demo Store to see an example of this on a live store.

Next Steps:

Blog Posts:

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.

Articles in this section

See more