Change Quantity Selector Position

Store Design
, , ,

Topic summary

A user sought help repositioning the quantity selector to appear next to the Add to Cart button on their product page, rather than in its default location.

Initial Problem:

  • Attempted to move quantity selector code into the same div as the buy button
  • Could not locate the correct code section to modify
  • Provided screenshot showing desired layout

Troubleshooting Guidance:

  • Another user suggested checking templates/product.json to identify the main product page section
  • Recommended locating the “main type” section to find the relevant code
  • Theme identified: Dawn 15.3.0

Resolution:
User successfully resolved the issue by identifying they were inserting the code into the wrong div element. Once the correct div was located, the repositioning was completed.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hello everybody.
Im trying to place the Quantity selector next to the Buy/Add to cart button like the pic bellow.
I trying to move the code related to the quantity selector to be in the same div as the buy/add to cart button but I cant seem to find it.
Help please? Thanks :slightly_smiling_face:
www.studioblank.store

Screenshot 2025-03-04 at 17-04-53 Embroidered Beanie – Studio Blank.png
Screenshot 2025-03-04 at 17-04-53 Embroidered Beanie – Studio Blank.png772×848 45.3 KB

2

Hi,

Which is theme you using on store? the first you need check which is main section handling on product page by go to templates/product.json, and then found section first it is called main type, and then you can go to that file to check code.

3

Im using DAWN 15.3.0

4

Ok I found the issue.
I wasnt inserting the code in the right div.
Thank you