Shopify how to make your ADD TO CART Button Sticky without any app

  Рет қаралды 57,884

Coding with Jan - Shopify Developer

Coding with Jan - Shopify Developer

4 жыл бұрын

Code a Sticky Add to Cart button from scratch.
► Free Help
--------------------------------------------------------------------------
🎯 Get Personal Career Advice for Shopify Developers:
codingwithjan.com/personal-ca...
👨‍💻 Find a qualified Shopify Developer for your next project:
codingwithjan.com/hire-a-deve...
► Contact
--------------------------------------------------------------------------
🌐 Website
codingwithjan.com
🤝 LinkedIn
/ jan-frey
► Let's stay in touch :-)
--------------------------------------------------------------------------
🤝 LinkedIn (business journey and behind the scenes)
/ jan-frey
🎬 KZfaq (Shopify and Web Development)
kzfaq.info...
🔎 SEO Description
Usually, when you scroll down on a larger product page the user will lose the add-to-cart button out of sight. If you make the add to cart button stick to the page bottom, the user doesn´t need to scroll back up again. This floating button could lead to a better conversion rate.
📚 Recommended Resources
Sticky.Js Plugin
github.com/garand/sticky/blob...

Пікірлер: 148
@CodingWithJan
@CodingWithJan 2 ай бұрын
🎯 Get Personal Career Advice for Shopify Developers: codingwithjan.com/personal-career-advice 👨‍💻 Find a qualified Shopify Developer for your next project: codingwithjan.com/hire-a-developer
@arnoldkonopa1196
@arnoldkonopa1196 4 жыл бұрын
Thank you for another great video Jan! I greatly appreciate this, you are helping a lot of people!
@JorgeandAylin
@JorgeandAylin 3 жыл бұрын
Im learning so much with you! thank you for your time!
@dreamer-xz2sl
@dreamer-xz2sl 4 жыл бұрын
Thank you Jan, this video is so helpful!
@oleksiylevenko8160
@oleksiylevenko8160 Жыл бұрын
You are great, really. Super simple explanations, yet very useful. Great job!
@danielsan170danypub1
@danielsan170danypub1 4 жыл бұрын
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!
@dbaops
@dbaops 2 жыл бұрын
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 !
@CodingWithJan
@CodingWithJan 2 жыл бұрын
Yes teaching you how to fish is also the goal of my channel Always happy to help 🙌🏻
@umslopogaas
@umslopogaas 3 жыл бұрын
Superb! Also learnt some tricks that's not just specific to shopify! Thanks a lot dude!
@adeisaac
@adeisaac 4 жыл бұрын
It worked perfectly well. Thank you very much.
@adeisaac
@adeisaac 4 жыл бұрын
What a saver! So timely, 🍾🍾🍾. Thanks Jan
@CodingWithJan
@CodingWithJan 4 жыл бұрын
Cheers 🥂 😃
@hkykit
@hkykit 3 жыл бұрын
Hi Jan, your vide is amazing! It is also a very detailed JS coding tutorial, feel inspired!
@AK47RR
@AK47RR 3 жыл бұрын
Great as usual, Jan!! Is there anyway to add the product image & price and (if available) the save price to the wrapper?
@devenv
@devenv 3 жыл бұрын
Thank you, this was really helpful!
@sibzh
@sibzh 4 жыл бұрын
Subscribed! Great content and very helpful! Thank you Jan
@sibzh
@sibzh 4 жыл бұрын
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
@unposedmtl6171
@unposedmtl6171 4 жыл бұрын
Hi Jan, great video. Is there anyway to add the quantity selector to the bar as well?
@XempegeX
@XempegeX 4 жыл бұрын
Just came to say I love ya dude! :D Thanks for this!
@CodingWithJan
@CodingWithJan 4 жыл бұрын
Any time! :-)
@ashishaapan5243
@ashishaapan5243 3 жыл бұрын
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
@145mel
@145mel 4 жыл бұрын
Great Jan, Thank you for informative tutorials. Could you please add a tutorial on adding videos in slideshow
@AmanpreetSinghCHD
@AmanpreetSinghCHD 2 жыл бұрын
Would you make an updated version for this with Dawn theme?
@jasonwong1298
@jasonwong1298 4 жыл бұрын
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!!
@manuelsilva4931
@manuelsilva4931 3 жыл бұрын
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!
@ajayrabari433
@ajayrabari433 3 жыл бұрын
Thanks for sharing this. Looking for more development videos.
@golfranriverapa
@golfranriverapa 2 жыл бұрын
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.
@commerize
@commerize 3 жыл бұрын
Vielen Dank für dieses MEGAAA Tutorial !!!!
@johntillett6638
@johntillett6638 4 жыл бұрын
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
@elarjohnripdos4910
@elarjohnripdos4910 2 жыл бұрын
I was looking for these for 2 nights. I found it from this vid. Thank you so much.
@elarjohnripdos4910
@elarjohnripdos4910 2 жыл бұрын
is this still working for 2022?
@elarjohnripdos4910
@elarjohnripdos4910 2 жыл бұрын
Also, does the 1st method you did affect mobile mode too?
@CodingWithJan
@CodingWithJan 2 жыл бұрын
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 :-)
@elarjohnripdos4910
@elarjohnripdos4910 2 жыл бұрын
@@CodingWithJan Thank you for your response, Sir Jan.
@muratkaya2357
@muratkaya2357 4 жыл бұрын
Just what i needed 👌👌👌thanks
@CodingWithJan
@CodingWithJan 4 жыл бұрын
Awesome, super welcome. All the best Murat :-)
@Babushka69
@Babushka69 4 жыл бұрын
thank you so much man!
@AaronMecua
@AaronMecua Жыл бұрын
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
@aziatik
@aziatik 4 жыл бұрын
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
@kareems9435
@kareems9435 4 жыл бұрын
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
@monicafangupo1164
@monicafangupo1164 3 жыл бұрын
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?
@Jujse
@Jujse 5 ай бұрын
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?
@braveful
@braveful 4 жыл бұрын
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,
@ik-7009
@ik-7009 4 жыл бұрын
You did a God job Thanks!
@EdgarRamayo
@EdgarRamayo 4 жыл бұрын
Amazing! Thanks
@lucassales1371
@lucassales1371 4 жыл бұрын
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
@CodingWithJan
@CodingWithJan 4 жыл бұрын
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 :-)
@VuksaKing
@VuksaKing 3 жыл бұрын
Hello Jan! Would it be possible to do the same in the Brooklyn theme? Thanks in advance
@nikaime
@nikaime 3 жыл бұрын
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!
@aronjacobcaton3056
@aronjacobcaton3056 3 жыл бұрын
Hi, do you have a tutorial on how to add both the ADD TO CART and BUY IT NOW button?
@CodingWithJan
@CodingWithJan 8 ай бұрын
🎯 get personal advice for your developer career. (free for a short time) codingwithjan.com/career-advice
@alanmendes99
@alanmendes99 3 жыл бұрын
awesome - thanks!
@JohnBYoutube
@JohnBYoutube 4 жыл бұрын
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 :)
@dilawarsohail9274
@dilawarsohail9274 4 жыл бұрын
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..
@WhiteStorm1337
@WhiteStorm1337 4 жыл бұрын
Hi Jan, could you do a video on installing a loading screen when you launch the store ?
@CodingWithJan
@CodingWithJan 4 жыл бұрын
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?
@9210887987
@9210887987 4 жыл бұрын
You are awesome bro 👍👍
@verapaunova7781
@verapaunova7781 3 жыл бұрын
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 :)
@missingpalm9395
@missingpalm9395 4 жыл бұрын
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?
@CodingWithJan
@CodingWithJan 4 жыл бұрын
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 😁
@topawardsasia4260
@topawardsasia4260 3 жыл бұрын
Hey Jan, is it possible to erase the button next to the product and change it into a description instead?
@titou2212
@titou2212 3 жыл бұрын
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
@j.d1733
@j.d1733 3 жыл бұрын
thanks a lot!
@CEOKI45
@CEOKI45 4 жыл бұрын
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?
@bordoninja1557
@bordoninja1557 4 жыл бұрын
Hi bro 👋 can you please explain how we can make FULLWIDTH gifs, images in product description
@anishmaurya7954
@anishmaurya7954 3 жыл бұрын
Hi. In minimal theme search icon in drawer manu in Mobile version. How it would be show search icon as debut theme. Please
@troyds
@troyds 3 жыл бұрын
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
@gzone5659
@gzone5659 3 жыл бұрын
Hi Jan, Can you kindly make a video in, How to add 100+ variant in shopify, please. TIA
@douglasozolin
@douglasozolin 4 жыл бұрын
Nice. I have learned a lot with you. Thanks !!! Btw where are you come from?
@CodingWithJan
@CodingWithJan 4 жыл бұрын
Super welcome, Douglas. Thank you for your great feedback :-) Coming from Germany
@nethanellow6722
@nethanellow6722 4 жыл бұрын
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 :)
@CodingWithJan
@CodingWithJan 4 жыл бұрын
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 :-)
@nethanellow6722
@nethanellow6722 4 жыл бұрын
@@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! :)
@googlemyskills979
@googlemyskills979 4 жыл бұрын
Kannst du das nächste Video über den Fade in / out Effekt bei Bilder machen? Wäre super!
@jaichand7416
@jaichand7416 4 жыл бұрын
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
@Edupucheta
@Edupucheta Жыл бұрын
thanks men!
@Andy-lu4lh
@Andy-lu4lh 3 жыл бұрын
Video is great, but what if i wanted the sticky button to stop right before the footer?
@manuelsilva4931
@manuelsilva4931 3 жыл бұрын
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?
@pdelquin
@pdelquin 4 жыл бұрын
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
@wusky7262
@wusky7262 3 жыл бұрын
Hi Jan, thanks for your share. I do what you teached, but it doesn't work, can you help me?
@sempa312
@sempa312 3 жыл бұрын
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!
@vaze66
@vaze66 3 жыл бұрын
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
@kuldeepvachhani189
@kuldeepvachhani189 4 жыл бұрын
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
@runwithhuw1
@runwithhuw1 4 жыл бұрын
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
@CodingWithJan
@CodingWithJan 4 жыл бұрын
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 :-)
@funtech7905
@funtech7905 4 жыл бұрын
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.
@runwithhuw1
@runwithhuw1 4 жыл бұрын
Ok thank you for the reply, I will have a look on fiverr :)
@dstop2008
@dstop2008 4 жыл бұрын
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 ?
@arnaldoviestri2530
@arnaldoviestri2530 4 жыл бұрын
I can't find the folder for the add to cart button using the narrative theme.
@soulcarbon4600
@soulcarbon4600 2 жыл бұрын
Does anyone know if this works on the OS 2.0 Dawn theme?
@yannikklein1195
@yannikklein1195 3 жыл бұрын
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 :(
@funtech7905
@funtech7905 4 жыл бұрын
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
@CodingWithJan
@CodingWithJan 4 жыл бұрын
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. 😀
@spagettiluver
@spagettiluver 4 жыл бұрын
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.
@jovenmahusay4913
@jovenmahusay4913 4 жыл бұрын
I also using a Venture Theme. And it seems that add-to-cart button at my desktop view is messed up hahahah
@bridgerlee8879
@bridgerlee8879 4 жыл бұрын
I have the debutify theme and its way different I can't find the code you want us to change.
@hassankhan-yd4df
@hassankhan-yd4df Жыл бұрын
Please One video Page Speed Optimize In Shopify Speed. There are three types. DOM size, Random Blocking, Unused Js
@fachrulariestarahman939
@fachrulariestarahman939 4 жыл бұрын
Do you know how to create a slide out cart?
@marlo9592
@marlo9592 3 жыл бұрын
How much should I charge to complete this task for a client?
@uxmankhokher1989
@uxmankhokher1989 4 жыл бұрын
Awesome 😊
@CodingWithJan
@CodingWithJan 4 жыл бұрын
Thank you 😁
@mohammedfaizan3271
@mohammedfaizan3271 3 жыл бұрын
can I make the buy now button sticky?
@ChesswithSuyashinMarathi
@ChesswithSuyashinMarathi 3 жыл бұрын
I am getting error that - Uncaught TypeError: $(...).sticky is not a function
@mohamedatik8065
@mohamedatik8065 4 жыл бұрын
thanks
@CodingWithJan
@CodingWithJan 4 жыл бұрын
Thanks for showing up Ahmed :-)
@justame7638
@justame7638 3 жыл бұрын
how to get it to scroll to top and stop at options(size, color ATC Button) at top of page?
@CodingWithJan
@CodingWithJan 3 жыл бұрын
Sounds unnecessary complicated 😃 Wouldn't overengineer here
@vuongtuananh6899
@vuongtuananh6899 3 жыл бұрын
I use Narrative theme, and I can't find "Add-to-card" in Product.template :(((
@frzen
@frzen 4 жыл бұрын
this is a comment requiring no reply just to give the video more engagement :)
@CodingWithJan
@CodingWithJan 4 жыл бұрын
Wow thanks, that´s super kind of you. :-) Let me double that 😁
@Hsa008
@Hsa008 3 жыл бұрын
@@CodingWithJan let me triple that
@cacajacobucci
@cacajacobucci 3 жыл бұрын
i cant in venture theme
@matthewdinu5581
@matthewdinu5581 4 жыл бұрын
I love your videos, super informative and also I'm attracted to you so LOL. Really stepped my shopify store game up.
@CodingWithJan
@CodingWithJan 4 жыл бұрын
Super Welcome Matthew, thanks for sharing the good vibes 😁
@matthewdinu5581
@matthewdinu5581 4 жыл бұрын
@@CodingWithJan oh god you actually answered LOL
@wayteyy
@wayteyy 4 жыл бұрын
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
@wayteyy
@wayteyy 4 жыл бұрын
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.
@CodingWithJan
@CodingWithJan 4 жыл бұрын
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 :-)
@DimaStories
@DimaStories 3 жыл бұрын
I have following step by step it's not working I have a Shopify debut theme can you help me to solve this plz.
@umslopogaas
@umslopogaas 3 жыл бұрын
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.
@d4tw4y94
@d4tw4y94 4 жыл бұрын
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
@deepconcentration1166
@deepconcentration1166 4 жыл бұрын
Hi there, I delete a file in shopify code by mistake please can anyone show me how to fix this probleme?!
@CodingWithJan
@CodingWithJan 4 жыл бұрын
You could reupload the theme and copy the content of that exact file and add it back to your current theme
@deepconcentration1166
@deepconcentration1166 4 жыл бұрын
@@CodingWithJan Thank you
@jimmorris3691
@jimmorris3691 4 жыл бұрын
How do i make my Logo bigger? I can only get my pixel size up to 60.
@RB-fx7tm
@RB-fx7tm 4 жыл бұрын
Didnt worked for me unfortunatly. Probably because of brooklyn theme and a few other differences in the code
@JohnBYoutube
@JohnBYoutube 4 жыл бұрын
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 { ... }}
@CodingWithJan
@CodingWithJan 4 жыл бұрын
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 :-)
@JohnBYoutube
@JohnBYoutube 4 жыл бұрын
@@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?
@CodingWithJan
@CodingWithJan 4 жыл бұрын
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? :-)
@JohnBYoutube
@JohnBYoutube 4 жыл бұрын
@@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/
@CodingWithJan
@CodingWithJan 4 жыл бұрын
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 :-)
@lisavanburen6663
@lisavanburen6663 3 жыл бұрын
my code looks very different, i have brooklyn theme.
@cyberspider78910
@cyberspider78910 9 ай бұрын
with shopify 2.0, this changes...
@StrivingForGlory_
@StrivingForGlory_ Жыл бұрын
Nobody is going to do all of this 😂
How to Learn Shopify Development in 2024
10:28
Coding with Jan - Shopify Developer
Рет қаралды 8 М.
Shopify How to build a Featured Product Slider
11:27
Coding with Jan - Shopify Developer
Рет қаралды 35 М.
When You Get Ran Over By A Car...
00:15
Jojo Sim
Рет қаралды 5 МЛН
The joker's house has been invaded by a pseudo-human#joker #shorts
00:39
Untitled Joker
Рет қаралды 14 МЛН
How to add a Sticky Add To Cart to your Shopify Dawn Theme Without Apps
11:27
The Prompted - Shopify Simplified
Рет қаралды 3,6 М.
3D AR for your Online Shop
9:24
Coding with Jan - Shopify Developer
Рет қаралды 46 М.
How I Coded An Entire Website Using ChatGPT
18:22
Nick White
Рет қаралды 1,8 МЛН
Shopify - Adding Payment Icons under Add to Cart Button
6:00
Ed Codes - Shopify Tutorials
Рет қаралды 42 М.
Shopify Metafields - How to use Custom Fields
16:28
Coding with Jan - Shopify Developer
Рет қаралды 61 М.
How to create new Theme Sections and Blocks
14:17
Coding with Jan - Shopify Developer
Рет қаралды 128 М.
Shopify how to load more products on collection pages
32:28
Coding with Jan - Shopify Developer
Рет қаралды 30 М.
How to Update Your Shopify Theme (without losing anything)
24:49
Ed Codes - Shopify Tutorials
Рет қаралды 21 М.
When You Get Ran Over By A Car...
00:15
Jojo Sim
Рет қаралды 5 МЛН