amazing tutorial! I love what you do! I have one question though.. i want after i press the add to cart button to redirect me to the drawer-check-out, not the checkout-page itself. How i can change this code to do that?
Hello there, I want to say thanks as this is a very cool video and taught us a lot. Now I tried it and it worked, except that I find it that it is a very slow to respond like when you click add to cart button it takes some seconds to add the product and looks as if it froze then it finally adds it. Do you know how to fix it? Also when I checked the mobile version, the "add to cart" button is cut out of the screen and it is not visible and cannot be seen even when you scroll to the side. Do you know how to fix it? Lastly, how do you change the wording "add to cart " for "Buy Now" and to change the color of the button?
It is still not working on iPhone and on desktop, my images overrun the sticky bar. It doesnt shows well. Images are over banner. How can I fix it? Thanks
Hello, the position of the "add to cart" button in the sticky is misaligned. It is far right at the edge. I would like to move it more to the right. Only when I do so it also realigns the product variant dropdown. Which causes the product variant dropdown to be misalign above the add to cart button on the sticky bar. How can I adjust the position for the "add to cart" button on the sticky bar?
Thanks for commenting, little hard to help you with code solutions on youtube comments. If you want our premium services to customize please contact websensepro@gmail.com
Great tutorial. I put it on my ride theme and it works fine. The only issue is on mobile the add to cart button is cut and it says add to c. how do I fix that?
@@WebSensePro it seems like it is fine now. but on pc the bar is transparent only on the right part (it shows the text of my product when i scroll on it) know how to fix it?
I can see the sticky cart when I go to edit it via the online store tab in shopify but then when I go to proview my store I cannot access it or use it.
bro sorry i don't know i post here link that's why u delete my comment .....but my question is still how i set stikey ATC button in header under the product page .............please reply me
This tutorial was great I just wanted to know one more thing: how to clip the title in this code because on mobile it is taking a lot of space while scrolling down.
![How To Create Product Bundles In Shopify [Beginner Tutorial] In 2024](http://i.ytimg.com/vi/yMVLzQliQMM/mqdefault.jpg)
![How To Create Product Bundles In Shopify [Beginner Tutorial] In 2024](/img/tr.png)
![How To Add Breadcrumbs In Shopify - Free - Without APP - [2024]](http://i.ytimg.com/vi/xue6ePgO02Y/mqdefault.jpg)
Thank you so much for this!! You've gained a new subscriber :)
Your welcome
amazing tutorial! I love what you do!
I have one question though.. i want after i press the add to cart button to redirect me to the drawer-check-out, not the checkout-page itself.
How i can change this code to do that?
You can find code in Shopify community, pretty basic
thanks for the tutorial. i love your videos keep it up!
Thanks, dont forget to turn on the notifications
Hello there, I want to say thanks as this is a very cool video and taught us a lot. Now I tried it and it worked, except that I find it that it is a very slow to respond like when you click add to cart button it takes some seconds to add the product and looks as if it froze then it finally adds it. Do you know how to fix it?
Also when I checked the mobile version, the "add to cart" button is cut out of the screen and it is not visible and cannot be seen even when you scroll to the side. Do you know how to fix it?
Lastly, how do you change the wording "add to cart " for "Buy Now" and to change the color of the button?
Can't provide all the custom code in youtube video comments, please contact via websensepro.com/contact-us
It is still not working on iPhone and on desktop, my images overrun the sticky bar. It doesnt shows well. Images are over banner. How can I fix it? Thanks
iPhone is a little complex, will try to fix
Hello brother, this is not working for shopify dawn theme 10.0
Updated version coming next week
Hello, the position of the "add to cart" button in the sticky is misaligned. It is far right at the edge. I would like to move it more to the right. Only when I do so it also realigns the product variant dropdown. Which causes the product variant dropdown to be misalign above the add to cart button on the sticky bar. How can I adjust the position for the "add to cart" button on the sticky bar?
Also, how do we adjust the product image on the sticky bar to match the color variant of the product variant selected?
Thanks for commenting, little hard to help you with code solutions on youtube comments. If you want our premium services to customize please contact websensepro@gmail.com
Great tutorial. I put it on my ride theme and it works fine. The only issue is on mobile the add to cart button is cut and it says add to c. how do I fix that?
Thanks for the info, a small tweak with CSS would work
@@WebSensePro it seems like it is fine now. but on pc the bar is transparent only on the right part (it shows the text of my product when i scroll on it) know how to fix it?
Can we display slide-out drawer type card when clicked on add to cart?
Yes with some more code 😅
Cool video but it was not possible to have the same quantity selector with plus and minus to make it easier for the customer?
Yes its possible
Hello - is there a fix for the mobile version yet? Works great on desktop just not mobile.
Can you share some detail about the issue it should work find as per latest Dawn theme
Thank you bro. How can we have it only in mobile and not desktop pls?
You can do this via CSS Media Query
@@WebSensePro I am not having the skills for that as you :)
product-thumbnail
I do not have this section in Theme Down version 7.0.1
It's not a section it's snippet. Checkout the screenshot here i.imgur.com/K4pQpwM.jpg
Hey, Can this code be used on Sense theme too?
Yes but not tested in Sense
I can see the sticky cart when I go to edit it via the online store tab in shopify but then when I go to proview my store I cannot access it or use it.
Please reimplement the code from scratch there is a mistake in CSS code. Please like and subscribe if this video helped you
position fixed property is not working in my case it does not remain sticky it shows just on the end of page
Please contact via websensepro.com/contact-us for paid support
yes but in my theme... the checkbox option is not showing. :(
Which version you are applying this on?
bro sorry i don't know i post here link that's why u delete my comment .....but my question is still how i set stikey ATC button in header under the product page .............please reply me
You need a button under header?
Never saw a so complicated customization just for a single snippet 🤣
There is a first time for everything 🥳🥳
I also don't see this one mobile? Can you help me to fix?
I can see the CSS element in the browser on laptop however cannot inspect on mobile. Can you maybe investigate and solve this?
Do you see errors in console?
@@WebSensePro Yes I see.... Each dictionary in the list "icons" should contain a non-empty UTF8 string field "type".
@@rv00008 thats not relevant, will have to check your store about the issue
@@WebSensePro ok how can I reach out to you?
it's not working on the mobile version brother..
Can you inspect element and see if its showing up CSS you added?
Good instructions, but step 6 needs to be to add a separate button for checkout so the user can choose either one.
Good idea, Thanks for appreciation, if this video/channel you helped in any way please support by Subscribing and Hit the Like button.
This tutorial was great I just wanted to know one more thing: how to clip the title in this code because on mobile it is taking a lot of space while scrolling down.
Quick fix with CSS, checkout our CSS tutorials
mobile version is not good
Could be issue with apps you installed
How To Add POP Add To Cart Bar on Product Page.
What do you mean by POP cart?