Sales Icon Code Install Instructions


Bold Discounts has a small coding installation that is required for your sales icons to display on the storefront.

Note: Some themes have sale icons/graphics built into them by default. Please refer to the theme settings, or your theme developer, to disable their icons. If you're not comfortable with Liquid code, please visit Request a Bold Discounts Installation for additional assistance.

To install the sales icon in your theme code, please follow these steps:

  1. Duplicate themes, to create a backup copy.
  2. From Shopify's admin, select Online Store.

    Select Online Store

  3. Select Actions.

    Select Actions

  4. Select Edit code.

    Select Edit Code

  5. Under "Templates", select product.liquid

    Note: If your theme is using "Sections", the code for this may be contained in the product-template.liquid file.

    Select product.liquid

  6. Copy and paste the following code where you want the sale icon to appear:
    <div class="sale-icon-container" data-product-id="{{ }}"></div>

    Note: You can place this code anywhere within the theme file. We generally recommend placing it above the product image.

    Insert Code

  7. Select Save.

    Select Save

That's it!

Next Steps:

0 out of 0 found this helpful



Please sign in to leave a comment.