Shopify Product page

Hi,

Im looking for a way to move the add to cart button up just below the flavour variant selector.

Is there also a way to have the flavour variant selector go all the way across the full width of the box?

I’d love to have the variant and quantity stacked ontop of each other with the add-to-cart buttons just beneath.

https://www.discount-supplements.co.uk/products/efectiv-nutrition-whey-2kg

Thank you

Hey @AdamOx ,

“I’d love to have the variant and quantity stacked ontop of each other with the add-to-cart buttons just beneath.”

Not really possible due to way the code is structured. Would have to do major overhaul for that. Not worth the trouble.

Is there also a way to have the flavour variant selector go all the way across the full width of the box?

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

Dear @AdamOx ,

Hope you are doing well.

The UI modification you requested can be achieved through adjustments to your Shopify theme’s CSS code and product template.

Due to the way these controls are currently organized, moving add to cart button and quantity box would require significant restructuring of the product template.

For your reference here is a screenshot showcasing the proposed changes -

Should you require further details regarding these adjustments, please don’t hesitate to reach out. Alternatively, you can reach us directly.

Thanks & Regards,
Vivek

Team Scale-up Print

Hi,

Thank you very much - this worked a treat.

How do I move the add to cart buttons up underneath the varient selector?

Hi,

This is exactly how I’d like the quantity - similar to the screenshot below disregarding the “size”

Something similar - not the size button

I answered that question above.