Hey Jam! I don't know html or css but, with this video I make that add to cart button sticky on my product page! Thank you for the knowledge sharing! Congratulations from Brazil!
Hi Jan - Just a quick question which I'm struggling to find any info about... - What is the best approach if I want to change the Shopify store name and the URL. I know of the only two options which are to update the settings and link to a new URL. Another option is to set up a new store completely which means I will lose the work done so far on the theme etc... Any pointers will be highly appreciated! Thanks
Bro if you could make a video on how to centre the logo and the navigation bar on the debut/venture theme I think that would go down well 🤙🏼 keep up the good work, can see your channel going far
Hello Jan! I'm following all the steps, but it appears like there's no vendor.js file on my debut theme (shopify support has told me that it doesn't come with the new debut theme). And so jquery is not installed... Can you tell me how to mend that? Thank you! Albert
Hi Jan, you are an inspiration to us all. Thank you for sharing i have been trying to figure out how to do the sticky add to cart button for my store for some time now but have not found a valuable tutorial till i came across your channel today. I absolutely love your content. By the way I would like to inquire if you can make a video to teach us on: 1. ) How to add product quantities and for customers to edit them with the plus and minus buttons to the products pages? As I am using the debut theme and it does not have this feature in the product page but only in the add to cart page during checkout. 2.) How to customize the product price header to show customers how much percentage saving they are actually getting after comparing the compared price and the selling price difference. 3.) How to add code for quantity breaks to enable more discounts for customers who buy more than 1 quantity. For example if they buy 2 they get 5% off from the total price & buy 3 get 10% off from the total price etc. This is so that we may increase the customer average order value and encourage them to buy more. Thank you. Looking forward to more of your future videos & contents :)
Hey Nethanel, thank you so much for your awesome feedback and for taking the time to write it out :-) Lot's of great input there. For the first 2 I believe, that I could come up with a solution in a future video. For number 3 you will most likely need an app. Some things are just impractical without. Again, thank you for your feedback and the great input :-)
@@CodingWithJan Hi Jan, thank you so much for taking time from your busy schedule to write a reply. :) It just feels great to be able to hear from you and I'm always looking forward to your videos and cool ideas to implement to my shopify store. You are an inspiration to me and an amazing person. I'm just grateful that I found your channel. I am just looking forward to your future videos 1.) to add product quantities & 2.) to customize the product price header to show customers how much percentage saving they are actually getting. Thanks again Jan for all the value you provide and for all that you do! :)
Hello Jan I cant fin a video for local pickup. Can you make a video, how show, if you can change the location of the pickup place-theme-location on the product page?
Thank you for this video, I am not a coder but, I think I can do this as well, one question though, Won't this mess up the design in mobile view? Thank you
Very informative and useful as always! May I recommend a how-to video on creating a custom lightbox popup on the home page? I think many other people would love to implement something like this without an app. Thanks & keep it up!!
hey Jan, i must say i have been with you now for a few days and your subscriber count is skyrocketing! btw i'm not seeing the link to get the prewritten code from the 21 people? did you link it? if not can you so i can copy and paste it on my store?
Oh I´m sorry, really forgot to add it. Just updated the description :-) github.com/garand/sticky/blob/master/jquery.sticky.js Also thank you for your great feedback 😁
Hi Jan, know your busy and you prob have many to-dos on your list. One I thought of which I can't see any online information about is email automation. Apps like klaviyo make alot money and is quiet expansive. Would be great if you did a series on how to do email automation yourself :)
Hey Jan! Thank you so much for this video. It's super helpful. I ran into a snag though, and I can't seem to find the answer anywhere. You pointed out in your video that you need jQuery available in your store theme. The funny thing is you said it was unlikely and apparently my store theme is the only one that doesn't have the jQuery haha it doesn't even have vendor.js as an asset. Do you have a video on how to add this? None of the other coding channels explain this stuff as well as yours does. Thank you in advance.
Thanks, Great videos. Would you be able to show how to move the menu button on debut theme on mobile view from the right hand side to the left hand side and move the logo to the centre of the page? thank you
Hey Huw, thanks for your positive feedback :-) In theory that would be possible, but I think that request is rather specific. Some themes come with a few alignment settings in their live customizer and personally, I wouldn't break up the default layout unless you have some actual A/B split-test data that proves this change would increase your conversion rate. Otherwise, You might consider hiring a Developer on Fiverr to get that done. The change is rather small and I think you could get a good deal there. Hope that still helps :-)
Hello sir. Your videos are amazing amd they boosted my skills but please make a video on how to put video in the image section of a product other than below the description..
Hi Jan, Loving the channel and the shopify videos. Great work! If I were to put something like this is in or anything else, can I add some schema code to switch it on and off from the front end side? My guess would be a an if statement based on your other videos? Thanks
Hey, thank you for your great feedback. An if statement is a great idea. Within the schema tag one could add a setting of type checkbox and let's say the ID would be is_sticky_cart_enabled. Then you could wrap the styling or the include of sticky.js into an if statement {% if settings.is_sticky_cart_enabled %} ... {% endif %} You would than use this statement in your theme.liquid and for the styles in the product template. The only challenge is that you would need to make this setting globally available. (and not only in the product template file) That means you would need to modify the schma of your settings_schema file and not your product template. The checkbox would them appear within the global theme settings of your live customizer. Hope that helps :-)
Great content man,works like a charm. However, I had a question regarding the css rule applied to the .atc-container at 16:24 you add a css rule for width : 100% important. Shouldn't that be added only when the button is sticky and you want it in the bottom using selector - (.is-sticky .atc-container). Thanks
Your videos are helpful... I have been trying to find out how I can create another page for the customers to create an account so I can place it in the footer other than it being at the top.. Any way you can make a video
Hello there, I just entered the world of shopify, and i am facing some problems with input select files. I can't display the name of the selected file. could you help me? thanks
Hello Jan, First of all, I would really want to thank you for your tutorials. They are all invaluable ones. I would like to ask / request a bit of help; I think it would be good idea to add the name of the product (we shall input is since some products names are long) and price of the product as well as discounted price. Is it possible to make an additional video to it? Best Regards,
Hallo eine Frage ich brauche deine hilfe, ich habe eine scroll animation. WIE KANN ich sie in meine shopify theme einfügen? Wäre sehr froh wen du einen tipp hast..... Danke
Hello every fans of the Jan's job! Is possible to make the sticky atc button works diferent on PCs and smartphones, on the top of the screen smaller in PCs end on the botton of the screen on smartphones?
Thank you so much for all your help, so clear precise and amazing! Can you help me know how to add a Rush Order message in the cart that can give the customers the option to rush their order for a fee. I'd love to offer a rush fee that would be a percentage of their cart total, but also at a set amount. Can you help me?
Hey there, actually never thought about that as most people try to reduce loading times instead :-) Are you referring to some kind of branded loading screen like when you start an app on your phone?
this did not work for me :( when doing number 2, I inspect and add code for Position: Fixed - bottom 0px, Left 0px, but when searching for transform and scrolling the product/page container there is nothing appearing as "transform" to uncheck. I am not able to go further. Secondly, when I do click out of the inspect element the add to cart button appears to the left onto my picture and leaves a shadow and i assume this is because I cannot find the transform box as you did. I would love any help please I've tried for a long time and would love this. thank you!
Wonderful video, I had a problem at the end of the video the sticky button appear on the mobile version, but on the computer version it rest block at the bottom of the page. Someone knows what to do?
Hi Jan! Great video. This is really what I needed right now. However, I cannot make it work on my theme. My theme is booster theme. I'm still on the first stage of your video but I really can't make it work.. Can you please help? Thaaaaanks
Hi Jan, Thank you for all the wonderful tutorials about Shopify.. Can you do a tutorial about infinite scrolling? I want my products to be on one page instead of multiple pages. Thank you in advance
Hi, Jan. Very useful video. Thanks! But I have one question that I couldn't solve: How to fix the distance between the add-to-card button and the payment-button. they are glued and I could not separate them :)
Hi, Jan Can you create tutorial for add to cart "Free product with purchase product" in which free product add by fly or show message when we click on add to cart button
Hey Jan, ich hab das Ganze genau so gemacht, wie von dir beschrieben. Nutze auch das Debut Theme, da finde ich jedoch beispielsweise das vendor.js überhaupt gar nicht und irgendwie funktioniert auch absolut nichts von dem was bei dir klappt. Ich hab alles exakt so wie du eingegeben :/ Bei den ersten Tests hat auch die rechte Seite nicht die Sticky funktion ausgeführt, lediglich der aller erste test mit dem Add to Cart button hat geklappt, der rest funktioniert nicht. Ich weiß nicht, ob es daran liegt, dass das jQuery fehlt, aber du sagtest ja, dass das bei allen Themes vorhanden ist und ich habe ja sogar genau das gleiche Theme wie du :(
Hello Jan -- great video channel, thank you for sharing all this valuable info! Would you be able to make a video on how to design a Shopify buy button for a Squarespace website, so that the currency switcher works and customers can pay in "their" currencies? We would like to create a shop front on Squarespace - it would give us a bit more flexibility when it comes to the site design. However, Shopify offers us more flexibility and functionalities when it comes to the e-commerce backend. From what I understand, the Shopify buy button does not work with different currencies... I might be wrong. Thanks so much for your time!
Hi sorry for late.....superb video..thats i want to learn nd u make it. many thanks to u. It would be great if u make one community for both of us. Do u also make video in android app studio??.. I'm learning these days
Hey thanks for your positive feedback :-) Im sorry, I only know very few things about android app development. You might consider taking a udemy class. 😀
Hi Jan, you mentioned in your about info that if we are stuck or need help we can reach out but I can't find your contact details, We are stuck on getting Variant images to show correctly. How can I get in touch with you ?
Just curious, you maybe could add your own contact form, so instead of people messaging you on here, or instagram (i'm guilty of that). You could add your contact form website or something in the description, which links to a page with videos or a drop down menu such as (Shopify Theme, Shopify Products, Shopify Shopping Cart, Shopify Page, Other) and when they choose what they would like answering, they can send it to you. Then when you have time, go through your emails and the ones which were labelled (Shopify Theme, Shopify Products, Shopify Shopping Cart, Shopify Page, Other) you can sort them into their own folders (same names) with sub categories such as (Unsolved) (Solved). Then you can just keep them organised and answer certain questions relating to a specific enquiry type? But if people are asking the same questions maybe copy all of their email address into a single email and send them all the same answer. Maybe at the end of the week just delete all the solved ones and work your way through them, it would probably save you a lot of stress. And of course for your time if you really start getting too many questions you could set up a monthly subscription fee which would limit the people asking too many questions or you could hire someone to help you. Just my thoughts, and sorry for the long answer
Or just thinking of it, you could say like will answer within 1 week or two weeks due to high demand, or you can join our priority emails for £5 a month or something. Which would help you personally and help others who are in desperate need of quick advice or help.
Hey Vinnie, I still owe you a detailed answer for your truly amazing feedback. :-) Actually over the past few weeks I've been thinking alot about why I started the channel and where I want to go with it. Been brainstorming alot on different opportunities and also took your ideas into account. Think I came up with an agenda to take this channel from beeing a side project to the next level 😀 Sorry that I'm only getting back to you now, because I can't even express how much I appreciate that you took the time trying to help with ideas for automation and growth. Think I will start to bootstrap things and improve them along the way as I always recommend. Will be exciting to announce everything soon (1-2 weeks I hope) Again thank you for your constructive feedback, I really loved reading it :-)
Hey Jan! Thanks for the video. Just wanted to say at 16:22 there is an awkward cut and a piece of css appears for the .atc-container class :) Also I'm having trouble with this. I use the Venture theme and following all your steps I get the sticky button at the top instead of the bottom and it bumps the rest of the screen down below the fold. Not sure what's going on there.
Great content as usual. Just for you I'm going to start promoting your channel, one of the best for how to add features to your store :)!!! One things I'd like to ask, :). What's the command to only include the sticky addtocart in only mobile view? And where would you place it Would the below be correct? @media only screen and (max-width: 667px) { .issticky .atc-container { ... }}
Hey John, thank you for your awesome feedback and your support :-) Using CSS media querys is a great first idea but that wouldn`t stop the plugin from initializing. You could initialize the plugin only if the screen is below a certain pixel width by using javaScript. For instance, in the "document ready statement" you could check for the screen width :-) if ($(window).width() < 960) { // make atc container sticky } else { //do nothing } This wouldnt reinitialize / deactivate the plugin on screen resizing, but as it is so easy to implement and works in most cases, I think it might still be helpful :-)
@@CodingWithJan Ran into an issue xD. So I've been trying to implement this, using the prestige theme. I noticed that the add to cart button is in a different file called product forms in the snippet folder. I noticed that the product template calls this file for the add to cart and buy it now button. Now I've tried so many methods. Including the container in the atc section in the forms file. Tried adding the container where the form gets called in the product template. Doesn't seem to be initializing. XD, any ideas?
Hi John, it´s kinda hard to give any advise without seeing whats actaully going on😃 I´ll try to find a bit of time during the next days to have a look at the prestige Theme. Recently I noticed a huge spike in my subscriptions. As you mentioned promotion I was wondering if that was you? If so, may I ask you what kind of promotion you did? :-)
@@CodingWithJan haha yes I did, I posted on Reddit on the Shopify subreddit :) got to number 1 post on the subreddit during that day. Would be a great opportunity for you to do AMAs on that subreddit. You will likely reach out to more people. I noticed on socialblade that day I posted got you 200+ subscribers :) www.reddit.com/r/shopify/comments/gv84oi/great_tutorials_to_learn_off_for_free_features_on/
WOW John that´s insane! Didn´t even think of reddit as an opportunity to promote the channel 😃 Thank you so much, you absolutley made my day. If there´s anything you are struggling with, i´d be more than happy to advise. Hope you have a fantastic day too :-)
Hi Jan, erstmal super Video:) Ich habe alles nach Anleitung gemacht, aber bei mir scheint sich nichts zu ändern.. Was mache ich falsch? Kann ich dir mein Template per Mail senden und du schaust es dir an Wäre eine sehr große Hilfe, vielen dank
Master Shopify JavaScript Development:
codingwithjan.com/javascript?src=sticky-cart-yt
tysm Jan .
love how you make us understand the process rather than just give us the code and no explanation .
aprecciate that .
god bless you !
Yes teaching you how to fish is also the goal of my channel
Always happy to help 🙌🏻
I was looking for these for 2 nights. I found it from this vid. Thank you so much.
is this still working for 2022?
Also, does the 1st method you did affect mobile mode too?
Hey Elarjhon,
This works on mobile too
Although tutorial was made for a Debut file, you may have to adapt it to the other themes
Cheers :-)
@@CodingWithJan Thank you for your response, Sir Jan.
Thank you for another great video Jan! I greatly appreciate this, you are helping a lot of people!
Superb!
Also learnt some tricks that's not just specific to shopify! Thanks a lot dude!
You are great, really. Super simple explanations, yet very useful. Great job!
Exactly what i was looking for! Can you perhaps do a video on adding percentage/amounts discounts to your product pages? Keep the good stuff coming!
Would you make an updated version for this with Dawn theme?
What a saver! So timely, 🍾🍾🍾. Thanks Jan
Cheers 🥂 😃
Hey Jam! I don't know html or css but, with this video I make that add to cart button sticky on my product page! Thank you for the knowledge sharing! Congratulations from Brazil!
Just came to say I love ya dude! :D Thanks for this!
Any time! :-)
Hi Jan, your vide is amazing! It is also a very detailed JS coding tutorial, feel inspired!
It worked perfectly well. Thank you very much.
Im learning so much with you! thank you for your time!
Subscribed! Great content and very helpful! Thank you Jan
Hi Jan - Just a quick question which I'm struggling to find any info about... - What is the best approach if I want to change the Shopify store name and the URL. I know of the only two options which are to update the settings and link to a new URL. Another option is to set up a new store completely which means I will lose the work done so far on the theme etc... Any pointers will be highly appreciated! Thanks
Thanks for sharing this. Looking for more development videos.
Vielen Dank für dieses MEGAAA Tutorial !!!!
Bro if you could make a video on how to centre the logo and the navigation bar on the debut/venture theme I think that would go down well 🤙🏼 keep up the good work, can see your channel going far
Thank you Jan, this video is so helpful!
Hello Jan! I'm following all the steps, but it appears like there's no vendor.js file on my debut theme (shopify support has told me that it doesn't come with the new debut theme). And so jquery is not installed... Can you tell me how to mend that?
Thank you! Albert
this is a comment requiring no reply just to give the video more engagement :)
Wow thanks, that´s super kind of you. :-)
Let me double that 😁
@@CodingWithJan let me triple that
Thank you, this was really helpful!
Great Jan, Thank you for informative tutorials.
Could you please add a tutorial on adding videos in slideshow
Hi Jan, you are an inspiration to us all. Thank you for sharing i have been trying to figure out how to do the sticky add to cart button for my store for some time now but have not found a valuable tutorial till i came across your channel today. I absolutely love your content.
By the way I would like to inquire if you can make a video to teach us on:
1. ) How to add product quantities and for customers to edit them with the plus and minus buttons to the products pages? As I am using the debut theme and it does not have this feature in the product page but only in the add to cart page during checkout.
2.) How to customize the product price header to show customers how much percentage saving they are actually getting after comparing the compared price and the selling price difference.
3.) How to add code for quantity breaks to enable more discounts for customers who buy more than 1 quantity. For example if they buy 2 they get 5% off from the total price & buy 3 get 10% off from the total price etc. This is so that we may increase the customer average order value and encourage them to buy more.
Thank you. Looking forward to more of your future videos & contents :)
Hey Nethanel, thank you so much for your awesome feedback and for taking the time to write it out :-)
Lot's of great input there. For the first 2 I believe, that I could come up with a solution in a future video. For number 3 you will most likely need an app. Some things are just impractical without.
Again, thank you for your feedback and the great input
:-)
@@CodingWithJan Hi Jan, thank you so much for taking time from your busy schedule to write a reply. :) It just feels great to be able to hear from you and I'm always looking forward to your videos and cool ideas to implement to my shopify store. You are an inspiration to me and an amazing person. I'm just grateful that I found your channel.
I am just looking forward to your future videos 1.) to add product quantities & 2.) to customize the product price header to show customers how much percentage saving they are actually getting.
Thanks again Jan for all the value you provide and for all that you do! :)
Hello Jan
I cant fin a video for local pickup. Can you make a video, how show, if you can change the location of the pickup place-theme-location on the product page?
Thank you for this video, I am not a coder but, I think I can do this as well, one question though, Won't this mess up the design in mobile view? Thank you
Just what i needed 👌👌👌thanks
Awesome, super welcome. All the best Murat :-)
Hi Jan, great video. Is there anyway to add the quantity selector to the bar as well?
Very informative and useful as always! May I recommend a how-to video on creating a custom lightbox popup on the home page? I think many other people would love to implement something like this without an app. Thanks & keep it up!!
hey Jan, i must say i have been with you now for a few days and your subscriber count is skyrocketing! btw i'm not seeing the link to get the prewritten code from the 21 people? did you link it? if not can you so i can copy and paste it on my store?
Oh I´m sorry, really forgot to add it.
Just updated the description :-)
github.com/garand/sticky/blob/master/jquery.sticky.js
Also thank you for your great feedback 😁
Hi Jan, know your busy and you prob have many to-dos on your list. One I thought of which I can't see any online information about is email automation. Apps like klaviyo make alot money and is quiet expansive.
Would be great if you did a series on how to do email automation yourself :)
Great as usual, Jan!! Is there anyway to add the product image & price and (if available) the save price to the wrapper?
Hey Jan! Thank you so much for this video. It's super helpful. I ran into a snag though, and I can't seem to find the answer anywhere. You pointed out in your video that you need jQuery available in your store theme. The funny thing is you said it was unlikely and apparently my store theme is the only one that doesn't have the jQuery haha it doesn't even have vendor.js as an asset. Do you have a video on how to add this? None of the other coding channels explain this stuff as well as yours does. Thank you in advance.
Thanks, Great videos. Would you be able to show how to move the menu button on debut theme on mobile view from the right hand side to the left hand side and move the logo to the centre of the page? thank you
Hey Huw, thanks for your positive feedback :-)
In theory that would be possible, but I think that request is rather specific.
Some themes come with a few alignment settings in their live customizer and personally, I wouldn't break up the default layout unless you have some actual A/B split-test data that proves this change would increase your conversion rate.
Otherwise, You might consider hiring a Developer on Fiverr to get that done. The change is rather small and I think you could get a good deal there. Hope that still helps :-)
Oh yes same think i also want to know..in debut theme mobile view, menu comes in right side but i want in left side.
Ok thank you for the reply, I will have a look on fiverr :)
You did a God job Thanks!
Hello sir. Your videos are amazing amd they boosted my skills but please make a video on how to put video in the image section of a product other than below the description..
Hi Jan,
Loving the channel and the shopify videos. Great work!
If I were to put something like this is in or anything else, can I add some schema code to switch it on and off from the front end side?
My guess would be a an if statement based on your other videos?
Thanks
Hey, thank you for your great feedback.
An if statement is a great idea.
Within the schema tag one could add a setting of type checkbox and let's say the ID would be is_sticky_cart_enabled.
Then you could wrap the styling or the include of sticky.js into an if statement
{% if settings.is_sticky_cart_enabled %}
...
{% endif %}
You would than use this statement in your theme.liquid and for the styles in the product template.
The only challenge is that you would need to make this setting globally available. (and not only in the product template file)
That means you would need to modify the schma of your settings_schema file and not your product template. The checkbox would them appear within the global theme settings of your live customizer.
Hope that helps :-)
Great content man,works like a charm. However, I had a question regarding the css rule applied to the .atc-container at 16:24 you add a css rule for width : 100% important. Shouldn't that be added only when the button is sticky and you want it in the bottom using selector - (.is-sticky .atc-container). Thanks
You are awesome bro 👍👍
Video is great, but what if i wanted the sticky button to stop right before the footer?
Hi, do you have a tutorial on how to add both the ADD TO CART and BUY IT NOW button?
Your videos are helpful... I have been trying to find out how I can create another page for the customers to create an account so I can place it in the footer other than it being at the top..
Any way you can make a video
Hello there,
I just entered the world of shopify,
and i am facing some problems with input select files.
I can't display the name of the selected file.
could you help me?
thanks
Amazing! Thanks
Hi Jan, Can you kindly make a video in, How to add 100+ variant in shopify, please. TIA
Hello Jan,
First of all, I would really want to thank you for your tutorials. They are all invaluable ones.
I would like to ask / request a bit of help; I think it would be good idea to add the name of the product (we shall input is since some products names are long) and price of the product as well as discounted price. Is it possible to make an additional video to it?
Best Regards,
Nice. I have learned a lot with you. Thanks !!! Btw where are you come from?
Super welcome, Douglas. Thank you for your great feedback :-)
Coming from Germany
Hi Jan, thanks for your share. I do what you teached, but it doesn't work, can you help me?
Hallo eine Frage ich brauche deine hilfe, ich habe eine scroll animation. WIE KANN ich sie in meine shopify theme einfügen?
Wäre sehr froh wen du einen tipp hast..... Danke
Hello every fans of the Jan's job! Is possible to make the sticky atc button works diferent on PCs and smartphones, on the top of the screen smaller in PCs end on the botton of the screen on smartphones?
Thank you so much for all your help, so clear precise and amazing! Can you help me know how to add a Rush Order message in the cart that can give the customers the option to rush their order for a fee. I'd love to offer a rush fee that would be a percentage of their cart total, but also at a set amount. Can you help me?
Hi Jan, could you do a video on installing a loading screen when you launch the store ?
Hey there, actually never thought about that as most people try to reduce loading times instead :-)
Are you referring to some kind of branded loading screen like when you start an app on your phone?
this did not work for me :( when doing number 2, I inspect and add code for Position: Fixed - bottom 0px, Left 0px, but when searching for transform and scrolling the product/page container there is nothing appearing as "transform" to uncheck. I am not able to go further. Secondly, when I do click out of the inspect element the add to cart button appears to the left onto my picture and leaves a shadow and i assume this is because I cannot find the transform box as you did. I would love any help please I've tried for a long time and would love this. thank you!
Hello Jan! Would it be possible to do the same in the Brooklyn theme? Thanks in advance
Wonderful video, I had a problem at the end of the video the sticky button appear on the mobile version, but on the computer version it rest block at the bottom of the page.
Someone knows what to do?
thanks men!
Hi Jan! Great video. This is really what I needed right now. However, I cannot make it work on my theme. My theme is booster theme. I'm still on the first stage of your video but I really can't make it work.. Can you please help? Thaaaaanks
thanks a lot!
Hi Jan, Thank you for all the wonderful tutorials about Shopify.. Can you do a tutorial about infinite scrolling? I want my products to be on one page instead of multiple pages. Thank you in advance
I am getting error that - Uncaught TypeError: $(...).sticky is not a function
Please One video Page Speed Optimize In Shopify Speed. There are three types.
DOM size, Random Blocking, Unused Js
Hi, Jan. Very useful video. Thanks! But I have one question that I couldn't solve: How to fix the distance between the add-to-card button and the payment-button. they are glued and I could not separate them :)
Hi. In minimal theme search icon in drawer manu in Mobile version. How it would be show search icon as debut theme. Please
Hi, Jan Can you create tutorial for add to cart "Free product with purchase product" in which free product add by fly or show message when we click on add to cart button
How much should I charge to complete this task for a client?
Hey Jan, is it possible to erase the button next to the product and change it into a description instead?
Hey Jan, ich hab das Ganze genau so gemacht, wie von dir beschrieben. Nutze auch das Debut Theme, da finde ich jedoch beispielsweise das vendor.js überhaupt gar nicht und irgendwie funktioniert auch absolut nichts von dem was bei dir klappt. Ich hab alles exakt so wie du eingegeben :/ Bei den ersten Tests hat auch die rechte Seite nicht die Sticky funktion ausgeführt, lediglich der aller erste test mit dem Add to Cart button hat geklappt, der rest funktioniert nicht. Ich weiß nicht, ob es daran liegt, dass das jQuery fehlt, aber du sagtest ja, dass das bei allen Themes vorhanden ist und ich habe ja sogar genau das gleiche Theme wie du :(
Hi bro 👋 can you please explain how we can make FULLWIDTH gifs, images in product description
Hello Jan -- great video channel, thank you for sharing all this valuable info!
Would you be able to make a video on how to design a Shopify buy button for a Squarespace website, so that the currency switcher works and customers can pay in "their" currencies? We would like to create a shop front on Squarespace - it would give us a bit more flexibility when it comes to the site design. However, Shopify offers us more flexibility and functionalities when it comes to the e-commerce backend. From what I understand, the Shopify buy button does not work with different currencies... I might be wrong. Thanks so much for your time!
Hi sorry for late.....superb video..thats i want to learn nd u make it. many thanks to u. It would be great if u make one community for both of us. Do u also make video in android app studio??.. I'm learning these days
Hey thanks for your positive feedback :-)
Im sorry, I only know very few things about android app development. You might consider taking a udemy class. 😀
Hi,
Can you please make one tutorial for cart page get product options in cart page and change and update option in a cart page
Thanks
Kannst du das nächste Video über den Fade in / out Effekt bei Bilder machen? Wäre super!
Hi Jan, you mentioned in your about info that if we are stuck or need help we can reach out but I can't find your contact details, We are stuck on getting Variant images to show correctly. How can I get in touch with you ?
I use Narrative theme, and I can't find "Add-to-card" in Product.template :(((
I can't find the folder for the add to cart button using the narrative theme.
Just curious, you maybe could add your own contact form, so instead of people messaging you on here, or instagram (i'm guilty of that). You could add your contact form website or something in the description, which links to a page with videos or a drop down menu such as (Shopify Theme, Shopify Products, Shopify Shopping Cart, Shopify Page, Other) and when they choose what they would like answering, they can send it to you.
Then when you have time, go through your emails and the ones which were labelled (Shopify Theme, Shopify Products, Shopify Shopping Cart, Shopify Page, Other) you can sort them into their own folders (same names) with sub categories such as (Unsolved) (Solved). Then you can just keep them organised and answer certain questions relating to a specific enquiry type? But if people are asking the same questions maybe copy all of their email address into a single email and send them all the same answer.
Maybe at the end of the week just delete all the solved ones and work your way through them, it would probably save you a lot of stress.
And of course for your time if you really start getting too many questions you could set up a monthly subscription fee which would limit the people asking too many questions or you could hire someone to help you.
Just my thoughts, and sorry for the long answer
Or just thinking of it, you could say like will answer within 1 week or two weeks due to high demand, or you can join our priority emails for £5 a month or something. Which would help you personally and help others who are in desperate need of quick advice or help.
Hey Vinnie, I still owe you a detailed answer for your truly amazing feedback. :-)
Actually over the past few weeks I've been thinking alot about why I started the channel and where I want to go with it. Been brainstorming alot on different opportunities and also took your ideas into account. Think I came up with an agenda to take this channel from beeing a side project to the next level 😀
Sorry that I'm only getting back to you now, because I can't even express how much I appreciate that you took the time trying to help with ideas for automation and growth.
Think I will start to bootstrap things and improve them along the way as I always recommend. Will be exciting to announce everything soon (1-2 weeks I hope)
Again thank you for your constructive feedback, I really loved reading it :-)
I love your videos, super informative and also I'm attracted to you so LOL. Really stepped my shopify store game up.
Super Welcome Matthew,
thanks for sharing the good vibes 😁
@@CodingWithJan oh god you actually answered LOL
I have the debutify theme and its way different I can't find the code you want us to change.
can I make the buy now button sticky?
Do you know how to create a slide out cart?
Awesome 😊
Thank you 😁
I have following step by step it's not working I have a Shopify debut theme can you help me to solve this plz.
If you still can't, you can mail me at nazmulhasankazal@gmail.com
I'm trying out shopify theme development, so I might be able to help out.
Does anyone know if this works on the OS 2.0 Dawn theme?
how to get it to scroll to top and stop at options(size, color ATC Button) at top of page?
Sounds unnecessary complicated 😃
Wouldn't overengineer here
thanks
Thanks for showing up Ahmed :-)
Hey Jan! Thanks for the video. Just wanted to say at 16:22 there is an awkward cut and a piece of css appears for the .atc-container class :)
Also I'm having trouble with this. I use the Venture theme and following all your steps I get the sticky button at the top instead of the bottom and it bumps the rest of the screen down below the fold. Not sure what's going on there.
I also using a Venture Theme. And it seems that add-to-cart button at my desktop view is messed up hahahah
Great content as usual. Just for you I'm going to start promoting your channel, one of the best for how to add features to your store :)!!!
One things I'd like to ask, :). What's the command to only include the sticky addtocart in only mobile view? And where would you place it
Would the below be correct?
@media only screen and (max-width: 667px) { .issticky .atc-container { ... }}
Hey John, thank you for your awesome feedback and your support :-)
Using CSS media querys is a great first idea but that wouldn`t stop the plugin from initializing.
You could initialize the plugin only if the screen is below a certain pixel width by using javaScript.
For instance, in the "document ready statement" you could check for the screen width :-)
if ($(window).width() < 960) {
// make atc container sticky
} else {
//do nothing
}
This wouldnt reinitialize / deactivate the plugin on screen resizing, but as it is so easy to implement and works in most cases, I think it might still be helpful :-)
@@CodingWithJan Ran into an issue xD. So I've been trying to implement this, using the prestige theme.
I noticed that the add to cart button is in a different file called product forms in the snippet folder. I noticed that the product template calls this file for the add to cart and buy it now button. Now I've tried so many methods. Including the container in the atc section in the forms file. Tried adding the container where the form gets called in the product template. Doesn't seem to be initializing. XD, any ideas?
Hi John, it´s kinda hard to give any advise without seeing whats actaully going on😃
I´ll try to find a bit of time during the next days to have a look at the prestige Theme.
Recently I noticed a huge spike in my subscriptions.
As you mentioned promotion I was wondering if that was you?
If so, may I ask you what kind of promotion you did? :-)
@@CodingWithJan haha yes I did, I posted on Reddit on the Shopify subreddit :) got to number 1 post on the subreddit during that day. Would be a great opportunity for you to do AMAs on that subreddit. You will likely reach out to more people. I noticed on socialblade that day I posted got you 200+ subscribers :) www.reddit.com/r/shopify/comments/gv84oi/great_tutorials_to_learn_off_for_free_features_on/
WOW John that´s insane!
Didn´t even think of reddit as an opportunity to promote the channel 😃
Thank you so much, you absolutley made my day.
If there´s anything you are struggling with, i´d be more than happy to advise.
Hope you have a fantastic day too :-)
Didnt worked for me unfortunatly. Probably because of brooklyn theme and a few other differences in the code
Hi there, I delete a file in shopify code by mistake please can anyone show me how to fix this probleme?!
You could reupload the theme and copy the content of that exact file and add it back to your current theme
@@CodingWithJan Thank you
How do i make my Logo bigger? I can only get my pixel size up to 60.
Hi Jan,
erstmal super Video:)
Ich habe alles nach Anleitung gemacht, aber bei mir scheint sich nichts zu ändern.. Was mache ich falsch?
Kann ich dir mein Template per Mail senden und du schaust es dir an
Wäre eine sehr große Hilfe, vielen dank
my code looks very different, i have brooklyn theme.
i cant in venture theme
with shopify 2.0, this changes...
Nobody is going to do all of this 😂
thank you so much man!
awesome - thanks!