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.

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.