I just launched a community for Shopify Developers. If you are one or want to be one, you should join. I'm inviting the first few members in free for life as "founding members". If you want in, join here: www.skool.com/shopify-dev-hub-5821
Glad you enjoyed the video and found it helpful. Please let me know if there are any bugs with code or if you would like to see some improvements to it. Also let me know if there are any other Shopify tutorials you would like to see on the channel.
This is amazing! I had no idea this could be done without using a 3rd party app. This was super helpful and very easy to follow. Now I can delete the countdown timer app that I was using. Thank you so much for sharing!
At the moment the code only works with a specific date but it is possible to customize the code to work with a specific time. This is something I could add to a future version of the code so thanks for the recommendation.
Hey Patrick, thanks for the great tutorial and the code! It works fine even in Ride Theme! Is it possible to make one little adjustment: If you delete the title or subtitle in the banner version both disappear. Could you please enable the deletion of just one of the titles? Kind regards, Nina
Hey there, I'm glad you like the video. Unfortunately I don't have time to make that change inside of the original code at the moment. But shoot me an email and maybe I can help you out individually.
Hi this is really helpful and looks amazing, everything is good on computer, but on mobile phone there is no numbers but only NaN errors. Can you solve it please?
Hmm that’s really strange. I’ll check out what’s happening on mobile and get back to you. If possible please send me an email about this with a link to your Shopify store and some screenshots.
Correct me if I’m wrong, but you’re asking if it is possible to set the timer for 12 hours and then restart again once it is over? Currently the timer allows, you to set a specific day when it ends, but I could create an updated version that allows you to set it by hour. Is that something you’d be interested in?
@@codethatconverts Hi, thank you for your answer. Thats exactly what I am asking for, a timer that restart again once its over after 12 hr. Also another Question. Is it possible to have these same credit Card icons like in the footer at the checkout page under "OR"? Becasue at the Checkout page you can select at the top express checkout (Pypal,..) and under there is a "OR" in a light color. So is it possible to show the creditcard icons direct under there? This is the code for the icons in the footer: {%- for type in shop.enabled_payment_types -%} {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }} {%- endfor -%}
To be honest I haven't spent much time customizing the checkout page outside of the work I've done for the Shopify Plus client I have right now. But this is a good idea for a video. I want to see how much you can customize checkout on a non Shopify plus store.
This tutorial was made using the latest version of the Shopify Dawn Theme and works extremely well with any Shopify 2.0 theme that supports the Sections Groups Feature. If you are using a theme that is on Shopify 1.0 or a theme that doesn't work with section groups, check out the blog post in the description for further instructions. If you need any help installing this on your store be sure to reach out to me so I can help you out or check out the section of the blog post in the description that covers what to do if there are any problems with the code after you have installed it.
I contacted support and was able to get it sorted it out. There was an outtage coincidentally when I clicked save and I wasn't able to get my back end running.
I just launched a community for Shopify Developers. If you are one or want to be one, you should join.
I'm inviting the first few members in free for life as "founding members". If you want in, join here: www.skool.com/shopify-dev-hub-5821
Amazing tutorial! Saved me so much time thank you and great job :)
I'm glad you found it useful
Thank you so much, that is really helpful!!!!
Glad you enjoyed the video and found it helpful. Please let me know if there are any bugs with code or if you would like to see some improvements to it.
Also let me know if there are any other Shopify tutorials you would like to see on the channel.
This is amazing! I had no idea this could be done without using a 3rd party app. This was super helpful and very easy to follow. Now I can delete the countdown timer app that I was using. Thank you so much for sharing!
What other Shopify apps do you use? I’m curious to see if I can replace them with my own custom code as well.
brilliant, works like a charm, thank you so much!!!
Glad it works for you. Are there any other tutorials you would like to see on the channel?
thanks so much for this video. i got an issue on setting the bg color, it never changes even i changed the color setting
Send me an email with more info and I'll try to help you resolve it.
Thank you, this is really helpful. How do you add a specific time expiration? for example, 10AM
At the moment the code only works with a specific date but it is possible to customize the code to work with a specific time.
This is something I could add to a future version of the code so thanks for the recommendation.
Hey Patrick, thanks for the great tutorial and the code! It works fine even in Ride Theme! Is it possible to make one little adjustment: If you delete the title or subtitle in the banner version both disappear. Could you please enable the deletion of just one of the titles? Kind regards, Nina
Hey there, I'm glad you like the video. Unfortunately I don't have time to make that change inside of the original code at the moment. But shoot me an email and maybe I can help you out individually.
Thank you. NICE NICE NICE JOB. From France
Hey I'm happy to hear the code worked for you. Let me know if there are any other tutorials you would like to see on the channel.
Hi this is really helpful and looks amazing, everything is good on computer, but on mobile phone there is no numbers but only NaN errors. Can you solve it please?
Hmm that’s really strange. I’ll check out what’s happening on mobile and get back to you.
If possible please send me an email about this with a link to your Shopify store and some screenshots.
Thank you!!!
You're welcome! If there are any other Shopify tutorials that you would want to see on the channel, let me know.
Thank you so much, but for any reason my banner countdown doesn't seem to work. It doesn't show the time left. I properly wrote the date.
That’s strange, I’ll definitely check it out
Thank you
You're welcome
I just wanted to save you all some money on Shopify apps.
Thank you! Is it also possible to have a timer that is only 12hr long and rests after the countdown went to 0 to start again with 12hr?
Correct me if I’m wrong, but you’re asking if it is possible to set the timer for 12 hours and then restart again once it is over?
Currently the timer allows, you to set a specific day when it ends, but I could create an updated version that allows you to set it by hour.
Is that something you’d be interested in?
@@codethatconverts Hi, thank you for your answer. Thats exactly what I am asking for, a timer that restart again once its over after 12 hr.
Also another Question. Is it possible to have these same credit Card icons like in the footer at the checkout page under "OR"? Becasue at the Checkout page you can select at the top express checkout (Pypal,..) and under there is a "OR" in a light color. So is it possible to show the creditcard icons direct under there?
This is the code for the icons in the footer:
{%- for type in shop.enabled_payment_types -%}
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
{%- endfor -%}
To be honest I haven't spent much time customizing the checkout page outside of the work I've done for the Shopify Plus client I have right now. But this is a good idea for a video. I want to see how much you can customize checkout on a non Shopify plus store.
brooooo you are the best. I can´t find this information in spanish, thank for share.
I'm glad you enjoyed the video!
Thanks man this is really helpful can i change the language as well?
You should be able to change the language used by using Shopify’s translation app
But if you have some issues with that, send me an email
thanks @@codethatconverts
I tried this however, I'm having issues with the countdown timer not loading. just stays hidden
Hey send me an email and show me how your theme settings are set up.
My email is patrick@codethatconverts.com
nice
Glad you enjoyed the video. If there are any other Shopify tutorials you want me to cover on the channel, please let me know.
This tutorial was made using the latest version of the Shopify Dawn Theme and works extremely well with any Shopify 2.0 theme that supports the Sections Groups Feature. If you are using a theme that is on Shopify 1.0 or a theme that doesn't work with section groups, check out the blog post in the description for further instructions.
If you need any help installing this on your store be sure to reach out to me so I can help you out or check out the section of the blog post in the description that covers what to do if there are any problems with the code after you have installed it.
I contacted support and was able to get it sorted it out. There was an outtage coincidentally when I clicked save and I wasn't able to get my back end running.