I need to decrease the product image size on mobile sp the ADD TO CARD button in above the fold and always visible.
Any other ideas apart from decreasing the product image size to bring the button higher up the screen would also be appreciated.
Hey Marcus, I think this may come down to a few things to better push the ATC button into the frame. For one, you’re going to have content shift if you have multiple product images with different aspect ratios. I don’t think your image size matters as much as the aspect ratio. A popular aspect ratio would be a 1x1 (square) or a 4x3. I would start by cropping your product images to match, that way the page doesn’t shift when scrolling through product images. As far as getting your add to cart button visible, I think the best option would be to use a fixed add to cart button. You can see how to do that here and it is fairly simple to implement across all your product pages. They also provide an example of what that can look like here. Hope that helps!
Hi, thanks for your reply.
The theme has a built-in fixed CTA button when you scroll down, past the button. My worry is that it will interfere with the solution above.
Ah I see that now, didn’t see that before. So if there is an option to disable that you could implement the solution I sent. Then the other option would be go into the Javascript file that controls that fixed ATC button on your theme and set the scroll height for when it pops up to be earlier (or always be on).