Bold Discounts V1 offers a sales clock and sales icon to display on your product pages. The clock will appear on products that have an end date set in Bold Discounts V1, and the sales icons will appear on product pages and collection pages for products that are being discounted in the Discounts app.
Visit Create a Discount with Bold Discounts V1 for steps on creating a discount with an end date.
Alert
To have the sales icon or clock appear on your theme, you will need to have the liquid code installed. For more information, please visit Bold Discounts V1 Install Instructions.
- 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.
- From within Discounts, select Sales Icon.
- Select a new sales icon.
- Select Save.
- From Shopify's admin, select Settings.
- Select Files.
- Select Upload files.
- Select your custom icon.
- Select Open.
- Copy the link 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 link URL in the img src.
- Select Save.
- Under "Snippets", select shappify-sales-icon-collection.liquid.
- Copy and paste the link 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.
Discounts allows you to translate the sales clock verbiage into another language to display on your storefront.
Caution
The clock can only be translated into one language at a time.
To translate the sales clock from English on your theme, please follow these steps:
- Duplicate themes, to create a backup copy.
- From Shopify's admin, select Online Store.
- Select Actions.
- Select Edit code.
- Under "Layout", select theme.liquid.
- Add this code, anywhere between the <head> and </head> tags.
<script> function shappify_overwrite_sales_clock_text() { shappify_sale_over_label = "Sale Over"; shappify_sale_ends_in_label = "Sale ends in"; shappify_day_label = "day"; shappify_days_label = "days"; shappify_hour_label = "hour"; shappify_hours_label = "hours"; shappify_minute_label = "minute"; shappify_minutes_label = "minutes"; shappify_second_label = "second"; shappify_seconds_label = "seconds"; } </script>
- Change the text in quotes to the desired translation.
Alert
This method may not work with languages using special characters.