Overview
Bold Discounts offers a sales clock and sales icon to display on your product pages. The clock will only show for sales that have an end date and the sales icons will only appear on product pages and collection pages for products that are being discounted in the Discounts app.
Visit Create a Discount with Bold Discounts for steps on creating a discount with an end date.
Note: The sales icon and clock will not appear until the liquid code installation has been completed on your theme.
Customize the Sales Clock
To customize the sales clock display in Discounts, please follow these steps:
- From within Discounts, select Sales Clock.
- Change the Sales Clock Type (optional).
- Change the Sales Clock Style (optional).
- Enter any Custom CSS as desired (optional).
Note: Visit W3 Schools - CSS for more information on CSS styling.
- Select Save.
Change Sales Icon
To change the sales icon in Discounts, please follow these steps:
- From within Discounts, select Sales Icon.
- Select a new sales icon.
- Select Save.
Use Custom Sales Icon
To use a custom sales icon, please follow these steps:
- From Shopify's admin, select Settings.
- Select Files.
- Select Upload files.
- Select your custom icon.
- Select Open.
- Copy the URL to the image.
- Duplicate themes, to create a backup copy.
- From Shopify's admin, select Online Store.
- Select Actions.
- Select Edit code.
- Under "Snippets", select shappify-sales-icon-product.liquid.
- Copy and paste the URL in the img src.
- Select Save.
- Under "Snippets", select shappify-sales-icon-collection.liquid.
- Copy and paste the URL from step 6 in the img src.
- Select Save.
- If you would like to replace the image with text, replace the entire image code with:
<p>This Item is on Sale!</p>You can change the text to any verbiage you wish to display.
