Hey, I would like to know how I can add the quantity selector button next to the add to cart button on my product pages! Below is an image of how it is currently setup on my site. (Using CRAFT Theme). [kk235325_0-1706658648733.png]

Please add that code at very bottom of your buy-buttons liquid file and remove default quantity from your product page customize [Screenshot 2024-01-31 at 11.28.45.png]

Hey, it moved the Add To Cart button up instead of moving the quantity button down, is it possible to do it the other way, where the quantity button goes down next to the Add To Cart, I will include a screenshot of what happened on the site: [sweetjay_0-1706670544734.png] Desired end goal would l…

Hey, it works great on the page I sent you but it is in the wrong position on other product pages. Is it possible to get this setup on every product page? heres a few screenshots: [sweetjay_0-1706671345772.png] [sweetjay_1-1706671363487.png] Here is a screenshot how it works on the page I linke…

I see, I guess it need to edit your theme file to move quantity next to ATC button to make it works well for all products

Any idea as to how that is done? As coding is definitely not my strongsuit. Thank you in advance!

Go to your Online store > Themes > Edit code > open main-product.liquid, move all code under {%- when ‘quantity_selector’ -%} into buy-buttons.liquid file, before . After that, I will provide the code

Hey, just to make sure, you want me to move all of this, or just a part of it. This is everything under the said code line: {%- when ‘quantity_selector’ -%} {% comment %} TODO: enable theme-check once `item_count_for_variant` is accepted as valid filter {% endcomment %} {% # theme-check-disable %…

Hey, for some reason I cannot paste the code in here, but just to make sure you want me to copy EVERYTHING the very long list of code under quantity_selector line into buy-buttons.liquid file? Also do I remove the code from main-product.liquid as well or do I keep the code in both files? Thank you i…

Copy code after {%- when ‘quantity_selector’ -%} to before {%- when ‘popup’ -%}, do not paste {%- when ‘quantity_selector’ -%} into buy-buttons. You can remove code in main-product or remove quantity section in product page customize

Put Quantity Selector And Add To Cart Button On Same Line In CRAFT Theme

Store Design

sweetjay January 31, 2024, 4:07am 14

Okay, that is done now!

Topic		Replies	Views
Envy Theme how to move 'Add to Cart' button next to 'Quantity Selector' Store Design	10	59	July 1, 2022
Add to cart and quantity selector on same line Shopify Discussion	2	45	October 8, 2020
How can I align the quantity selector with the add to basket button? Store Design	38	278	June 14, 2022
Change position of buttons on product page Store Design	9	63	July 2, 2021
Put "Quantity Selector" Next to "Add to Cart" Button in Impulse Theme Store Design	76	654	January 22, 2025

Put Quantity Selector And Add To Cart Button On Same Line In CRAFT Theme

Related topics