Sales Clock Code Install Instructions

Follow

Bold Discounts has a small coding installation that allows you to change the placement of the sales clock on the storefront.

Note: This is only required if you want to change the placement of the sales clock. By default, it will display on your product pages beneath the title.

To install the sales clock in your theme code, please select your preferred placement method and follow the 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 sales clock to appear:
    <div class="sale-clock-container" data-product-id="{{ product.id }}"></div>

    Note: You can place this code anywhere within this theme file.

    Insert Code

  7. Select Save.

    Select Save

That's it!

  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 collection.liquid

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

    Select collection.liquid

  6. Copy and paste the following code where you want the sales clock to appear:
    <div class="sale-clock-container" data-product-id="{{ collections['all'].products.first.id }}"></div>

    Note: This code will only display the clock if you are running a site-wide sale. You'll need to specify the ID of an on-sale product, in this code, if your sale is not a global discount. You can also place this code anywhere within this theme file. We generally recommend placing it near the top of the file.

    Insert Code

  7. Select Save.

    Select Save

That's it!

  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 index.liquid

    Select index.liquid

  6. Copy and paste the following code at the top of this file:
    <div class="sale-clock-container" data-product-id="{{ collections['all'].products.first.id }}"></div>

    Note: This code will only display the clock if you are running a site-wide sale. You'll need to specify the ID of an on-sale product, in this code, if your sale is not a global discount.

    Insert Code

  7. Select Save.

    Select Save

That's it!

Next Steps:

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.