How to change "Add to cart" and "buy it now" position and button?

Topic summary

A user wants to reorganize their product page layout to display the quantity selector and “Add to cart” button on the same line, with the “Buy it now” button positioned below them.

Current Status:

  • The user provided their website (aliudclothing.com) and reference images showing the desired layout
  • They are using the Brooklyn theme

Progress Made:

  • A respondent successfully replicated the desired layout in their test environment by modifying HTML element positions and adding CSS
  • They shared a screenshot demonstrating the working solution

Remaining Challenge:
The helper cannot provide specific HTML modification instructions without knowing the exact theme structure, as different themes organize button code differently. They can only offer CSS guidance. The discussion remains open, awaiting either:

  • More specific technical guidance for the Brooklyn theme
  • Identification of the relevant HTML file locations for button positioning
Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

Hello,

I would like to change the design of my add to cart and buy now button from the second picture to the first. Means having the quantity selection and add to cart button in the same line and below that the buy now button.

I would really appreciate all answers! :slightly_smiling_face:

My website: aliudclothing.com

desired design: https://www.6pmseason.com/collections/6pm/products/hoodie-yellow-1

Kind regards

Kim

Hello @KimGottwald , hope you are doing well. I’ve checked your post and you want to change your button’s position on the product page. I’ve done it in my system(check the screenshot below) by changing the HTML element position and for this, we have to change the button HTML element position in the code file and add some CSS to achieve this.

1 Like

That looks exactly like I wanted it, what steps do I need to follow?

I can guide you only for CSS but I am unable to guide you for changing the HTML position in the theme because every theme has a different structure of code so how can I determine the file of button HTML code :slightly_smiling_face: ?

Im using the Brooklyn theme if this helps?