HELP! Adjusting Add to Cart Button on Collection Page

Store Design
,
1

Hi! Hoping the Shopify Community can come to my rescue yet again.

I’ve been working to add an “Add to Cart” button to my Collections pages, in the hope of increasing my conversion rate.

I’ve managed to get the button to show on the Collections pages but I have a couple of issues with how it is rendering. At the moment on mobile it shows full-screen width and well below the product name and price. I would really like to have it in line with the product name and price field and a small, quarter-screen width.

As it stands, it is quite confusing once you start scrolling (e.g. unclear which product the Add to Cart button refers to).

Please see below for the current visualisation vs. what I am trying to achieve:

Add to Cart Collection Page Button.jpg
Add to Cart Collection Page Button.jpg2070×2210 424 KB

Any help at all with how to adjust this would be massively appreciated!

Best regards

Nicole

2

@NicoleHarry - can you please share this page link?

3

Hi @NicoleHarry , follow the instructions in this YouTube tutorial for a seamless integration of an “Add to Cart” button on your Shopify collection pages: https://www.youtube.com/watch?v=s98l1bUZe6k

4

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.