Separating quanitity selector and buy buttons

Store Design

Topic summary

A user working with the Symmetry theme wants to reposition the quantity selector on their product page but cannot do so through the theme editor because it’s grouped with the add-to-cart button in the same ‘Buy Buttons’ block.

Current Limitation:

  • The theme doesn’t natively support separating these elements via the visual editor
  • Both components are bundled together in a single block

Proposed Solutions:

  • One community member offered to send a collaborator invite to add this customization option directly
  • Another provided a code-based workaround:
    1. Navigate to Online Store > Themes > Edit code
    2. Open Sections/main-product.liquid
    3. Find the line {%- render 'quantity', product: product -%}
    4. Move this snippet to the desired location (above price, below title, etc.)
    5. Save and adjust spacing with CSS if needed

The discussion includes a video tutorial link and store credentials for troubleshooting. The issue remains open pending the user’s choice between accepting collaborator access or implementing the code modification.

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

Hello,
I’m trying to change poistion of quantity selector on the product page. It seems not possible via theme editor, because they are in the same ‘Buy buttons’ block.

Theme that I use is Symmetry.

image
image1025×1050 90 KB

store address: 9aae1e-2e.myshopify.com
password: 1290

BR, Piotr

3

Thank you very much :slight_smile:

śr., 10 wrz 2025, 22:13 użytkownik Michealsavvy via Shopify Community <notifications@community.shopify.com> napisał:

4

Hi @happify21,

I checked and currently, the theme doesn’t support this. If you want, I can send you a collaborator invite.
It will help me check and add the option.

5

Hello @happify21

Open and Customize Your Live Theme :-

  1. Log in to your Shopify admin
  2. In the left-hand menu, go to Sales channels > Online Store.
  3. Under the Themes section, look for your live theme: Symmetry Dark update 2 – Wariant 2.
  4. Click the Customize button next to this theme to open the theme editor.
6

In Symmetry, the quantity selector and add-to-cart button are grouped within the same Buy Buttons block, which is why the Theme Editor doesn’t allow you to move them separately. If you’d like to change the position of the quantity selector, it does require a small code adjustment:

  1. Go to Online Store > Themes > Edit code.

  2. Open Sections/main-product.liquid.

  3. Locate the line:

    {%- render ‘quantity’, product: product -%}

  4. Move this snippet to the desired location (for example, above the price, below the product title, or after the description).

  5. Save your changes, and if necessary, adjust spacing with a little CSS.