Countdown

Countdown shows customers the period of time when the product is on the promotion.

Ella offers 3 ways to show countdown:

  • For All Products.

  • For Each Product.

  • For Collection.

For All Products

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme settings -> Countdown.

  4. Choose Type as For all products.

For Each Product

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme settings -> Countdown.

  4. Choose Type as For each product.

How to add a new Metafields?

  1. From your Shopify admin, go to Settings -> Custom data.

  2. Click Products → Add Definition.

  1. Please enter the correct Namespace and Key as we noted below.

Name: Countdown
Namespace and key: c_f.countdown
Select content type: Text

How to insert content for Product Metafields?

  1. From your Shopify admin, go to Products -> All products.

  2. Find and choose the product that you want to edit.

  3. In the Metafields, you need to insert timer structure for "Countdown".

For Collection

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme settings -> Countdown.

  4. Choose Type as For the collection.

  5. Select Collection.

Settings
Meaning

Show countdown

Enable the countdown functionality on your website.

Type

There are 5 types to define which product is displayed countdown: For all Products For each product For the collection

Text

Fill in the text you want to use for the countdown.

End date

Fill in the date and time the countdown will end. Example: Dec 31, 2024 18:00:00 Note: - Oct (mm): This is abbreviation of October and please use the abbreviation of months in this countdown structure. - Please use 1 white space among mm dd yyyy.

Collection

Select a collection that you want all products in this collection to display the countdown (only for the collection type).

Style

There are 3 styles for countdown layout: Style 1 Style 2 Style 3

Last updated