Hello, how can I align the add to cart button next to the quantity button( like the second image)? Anyone [Fran06_0-1718366177401.jpeg] :down_arrow: [Fran06_1-1718366184727.jpeg]

Hi @Fran06 Step 1. Go to Admin → Online store → Theme > Edit code Step 2. Find the base.css file. Add css to the end of the file .product-form__buttons { display: flex; gap: 10px; flex-wrap: wrap; } .form .product-form__submit { flex: 1 0 55%; margin-bottom: 0; } .form .price-…

Hello @Fran06 yes, it is possible but for that, you need to edit a code in “main-product.liquid” file Please let us know if you need any assistance. Thanks Ritesh

Hi thanks for your solution. Unfortunately it doesn’t work

hi @Fran06 Thank you for sharing the website URL. I’ve found that the JavaScript code isn’t working on your site because jQuery isn’t present. Could you please modify the JavaScript code above to: (() => { if (window.location.pathname.includes("/products/")) { let loop = setInterval(()…

Hi Thank you for the solution! Is it possible to have the purple shoppay button align with the two buttons above like this for desktop? [Screenshot 2024-06-16 at 11.23.19.png]

Oh, have you tried the solution I suggested? It seems the screenshot I shared might have miss the CSS properties. However, the CSS snippet I provided earlier is complete. An example of the CSS for making the ‘Shop now’ button full width is located here .form .shopify-payment-button { flex: 1 0 …

Hi yes I’ve tired the new code but this is what it shows on my end, don’t know why… [Screenshot 2024-06-16 at 16.10.30.png]

I understand, my friend. Based on the screenshot you shared, I noticed the JavaScript code has run, but the CSS is still missing. Have you added this CSS snippet to the end of the base.css file yet? If you have and the CSS still hasn’t appeared, to ensure the CSS is not overridden by other CSS rule…

Align add to cart button

Store Design

suyash1 June 15, 2024, 1:04am 2

@Fran06 - can you please share this page link?

Topic		Replies	Views
Dawn align add to cart and quantity on the same row Store Design design , customizations , cart-page	2	111	April 15, 2023
How can I align the quantity with the add to cart button on my product page? Store Design	6	408	October 6, 2022
Focal theme: Align quantity selector and add to cart button next to each other Store Design product-page	1	27	October 23, 2023
How can I adjust the 'Add to Cart' button placement? Technical Q&A	3	34	July 18, 2023
Prestige theme : how to place the "Add to cart" button next to the quantity selector ? Store Design customizations , shopify-themes , product-page	5	178	November 30, 2024

Align add to cart button

Related topics