Return to previous page

How to add timers over images/blocks? - by GTP

This topic has 8 replies, 2 voices, and was last updated 1 years ago ago by Rose Tyler

GTP

Participant

November 26, 2023 at 02:05

Hello 8theme team,

Is there anyway to add the timer blocks over banners/sections of the website?

An example on the PCA.

Thanks for your help!

Please, contact administrator
for this information.

#374764 Copied Theme version: 9.2.3

7 Answers

Rose Tyler

Support staff

November 26, 2023 at 13:20

Hello,

Do you prefer WPBalery of Elementor?
Here are examples for Elementor https://xstore.8theme.com/elementor/demos/minimal-fashion02/countdown-element/ , just change the background color to the background image.

Kind Regards,
8theme team

#374810 Copied

GTP

Participant

November 27, 2023 at 03:07

Hi Rose,

Thanks!

1) Are these available on the x-store studio so we can easily import them?

2) Can we also link these to products such as on the demo (PCA)?

Please contact administrator
for this information.

#374847 Copied

Rose Tyler

Support staff

November 27, 2023 at 09:13

Hello,

1/ You can use Live Copy – https://www.8theme.com/documentation/docs/elementor-live-copy-option/

2/ Here is an example from our demo – https://xstore.8theme.com/elementor2/sport/ https://prnt.sc/g_PFSmVjlMYe

To display a countdown timer on the product page, please edit the product settings to include the sale price, sale price dates, sale price start time, and sale price end time. Then, navigate to 8Theme Product Options > General > Sale Countdown and select either Single/List/Grid https://postimg.cc/fkhqHDBt

We hope this information is helpful.

Kind Regards,
8theme team

#374876 Copied

GTP

Participant

November 27, 2023 at 22:45

Hi Rose,

1) Thanks for confirming
2) Cool! did not know. How do we activate that to show up on specific products – And lets say if we want to edit the way it looks is there a way to do that?

In regards to the product page;

a) Is there anyway to just show the timer on the products which are displayed on a page/shop pages and have them NOT show on the actual product page and vice versa?

b) Are the timers linked? will the timer show the same time if it is displayed on the page and then once you click the product?

c) For the ones shown on the actual product page, is there a way to do this for all products at once versus having to do them for each product? We are looking for a way to set timers for everything but currently have to do each product one by one which is hard if you have 1’000s of products and then have to also reset the timings each month.

d) Is there anyway to have a time feature, where after the clock expires, it automatically starts over again versus having to edit the dates etc.

e) Can the way it appears be edited (the color, the icon of the flame to something else, the text)?

f) Do you have a timer which counts upwards (for example going from 0-1-2-3-4-5-6-7-8-9-10 versus going downwards)?

Thank you!

#374969 Copied

Rose Tyler

Support staff

November 28, 2023 at 08:14

Hello,

“How do we activate that to show up on specific products” – To display a countdown timer on the product page, please edit the product settings to include the sale price, sale price dates, sale price start time, and sale price end time. Then, navigate to 8Theme Product Options > General > Sale Countdown and select either Single/List/Grid https://postimg.cc/fkhqHDBt

“And lets say if we want to edit the way it looks is there a way to do that?” and “Can the way it appears be edited (the color, the icon of the flame to something else, the text)?” – styles can be changed using custom CSS code.

” Is there anyway to just show the timer on the products which are displayed on a page/shop pages and have them NOT show on the actual product page and vice versa?” – yes, here it is – https://prnt.sc/HBGaf39Nr-aU

“Are the timers linked? will the timer show the same time if it is displayed on the page and then once you click the product?” – yes, in case you configured it for product https://prnt.sc/yJxbx8vgkvIq

c, d, f – there are no such options right now, unfortunately. We would recommend you to contact the support of WooCommerce and ask for advice, maybe they will sagest you additional plugins that can be used this this.

Kind Regards,
8theme team

#374992 Copied

GTP

Participant

November 30, 2023 at 14:49

Hi Rose,

Thanks

1) Understood

2) & e)

Understood, we will use custom code to get a custom appearance

a) Thanks for the screenshot, so this will just show the timer on the shop page, other pages – and will not show on the actual product page?

b) Thanks for confirming

c) d) f) –

Thanks! we will try to find a solution for this.

#375297 Copied

Rose Tyler

Support staff

November 30, 2023 at 15:48

Hello, GTP,

“Thanks for the screenshot, so this will just show the timer on the shop page, other pages – and will not show on the actual product page?” – yes.

You’re welcome!

Kind Regards,
8theme team

#375309 Copied
Tagged: adding timers woocommerce, blocks timer integration wordpress, timer over images woocommerce, woocommerce timer integration, wordpress templates timer
Viewing 8 results - 1 through 8 (of 8 total)