There shouldn't be a problem like this. It should be enough to just paste the shortcode into a layer and it will be rendered on your front-end pages. Can you please show us the slider where we can see this happening? Please note, at the moment the admin area does not show a real-time preview, but it should be fine on the front-end.
If you view page source and look for [powr-countdown-timer id=00580009_1539082422] you can see the code is in the page. Sorry, please use this url https://ynotfreakinrecyclable.com/lets-save-planet-earth/. You can see the countdown shortcode is not firing on the first layer [plane taking off] of the layerslider. But the same shortcode IS firing in the row below.
I haven't seen any slider on your home page, but I can see the issue on this new URL now. The problem is that it doesn't seem to be a real WordPress shortcode. It appears to be an external service, which loads a script into your page that tries to find and convert this shortcode-like snippet into a countdown. A real WP shortcode would generate its HTML markup in the source code instead of trying to modify the page afterward. Another potential issue is that seemingly this solution does not allow embedding the same countdown in multiple times. Both of them is having the same ID attribute, which is not allowed in HTML and could lead the strange situations.
I don't think this countdown solution would work well with any interactive plugin like LayerSlider and I don't see any workaround that might help. I would suggest of using another countdown solution. Something that is not an external service, but a real plugin generating the content locally.
Hi I'm trying to install a shortcode for a countdown timer into the layer.
If you go to the url i shared, you can see the shortcode normally at the top for the countdown.
When i add it as a layer onto the first slider, the one with the plane taking off. Sometimes it renders and sometimes it doesn't?
What am i doing wrong?
Hi Zohe,
There shouldn't be a problem like this. It should be enough to just paste the shortcode into a layer and it will be rendered on your front-end pages. Can you please show us the slider where we can see this happening? Please note, at the moment the admin area does not show a real-time preview, but it should be fine on the front-end.
Best Regards,
John | Kreatura Dev Team
Hi John
The slider is here on the homepage. I can give you admin login details to the wordpress site if you want.
https://ynotfreakinrecyclable.com/ But the short code is not firing at all.
Thanks
Zohe
If you view page source and look for [powr-countdown-timer id=00580009_1539082422] you can see the code is in the page. Sorry, please use this url https://ynotfreakinrecyclable.com/lets-save-planet-earth/. You can see the countdown shortcode is not firing on the first layer [plane taking off] of the layerslider. But the same shortcode IS firing in the row below.
Hi Zohe,
I haven't seen any slider on your home page, but I can see the issue on this new URL now. The problem is that it doesn't seem to be a real WordPress shortcode. It appears to be an external service, which loads a script into your page that tries to find and convert this shortcode-like snippet into a countdown. A real WP shortcode would generate its HTML markup in the source code instead of trying to modify the page afterward. Another potential issue is that seemingly this solution does not allow embedding the same countdown in multiple times. Both of them is having the same ID attribute, which is not allowed in HTML and could lead the strange situations.
I don't think this countdown solution would work well with any interactive plugin like LayerSlider and I don't see any workaround that might help. I would suggest of using another countdown solution. Something that is not an external service, but a real plugin generating the content locally.
Best Regards,
John | Kreatura Dev Team