Add to cart button next to the quantity selector

Store Design

Topic summary

A store owner wants to reposition the “add to cart” button next to the quantity selector on their product page (peelou.fr). They attempted a CSS solution that successfully moved the button but unintentionally displaced the “choose options” section and affected complementary product controls.

Key Issues:

  • The proposed CSS code causes layout problems with other page elements
  • Moving the button may reduce user clarity about product options
  • Custom code placement within the theme structure needs adjustment

Current Status:

  • The user is working with Refresh theme version 12
  • They’ve declined using an app-based solution
  • The discussion remains open with no working solution yet provided
Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

I would like the add to cart button to be next to the quantity selector.

My shop: https://www.peelou.fr/products/pack-peelou

I already tried this solution:

It works but this changes the location of the “choose options” button on my complementary products with the search and control application.

Capture d’écran 2024-01-18 à 15.54.34.png
Capture d’écran 2024-01-18 à 15.54.34.png737×389 43.9 KB

Capture d’écran 2024-01-18 à 15.52.00.png
Capture d’écran 2024-01-18 à 15.52.00.png377×300 22.9 KB

2

by moving the choose size option next to the add to cart will make it difficult for users to understand. you will need to do custom code placement within the code. the provided code will not worked,its just a css properties used

3

Thank you for your reply. I’m using the Refresh 12 theme

4

@Mindzedge3

I don’t want an app to fix this problem