Modify the product page buttons location

Store Design
, , , , ,

Topic summary

A user sought help repositioning product page elements in their Shopify store, specifically:

Requested Changes:

  • Align three buttons (Quantity, Add to Cart, Add to Wishlist) horizontally on the same row
  • Extend the width of the “Buy it now” button box

Context:

  • User provided comparison images showing their current layout versus a reference site (elnahl.com)
  • Wanted to maintain text-based wishlist button rather than icon-only version
  • Shared both their development store URL and the inspiration example

Resolution:
The user posted a follow-up indicating the issue was resolved independently, requesting the thread be disregarded.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hello, good morning!

How can I do the following:

  1. Put the following buttons ( Quantity, Add to cart, and Add to Wishlist ) on the same Row
  2. Extend the box of the "Buy it now on the product page

For your reference, please see the image below (Image 1)

Mabinibooks_0-1735759122032.png
Mabinibooks_0-1735759122032.png399×113 14.1 KB

This is the inspirational website product page (Image 2)

Mabinibooks_1-1735759122031.png
Mabinibooks_1-1735759122031.png398×100 5.59 KB

But their wishlist is only an icon, I want ours to be as text; this is their website product page - https://sg.elnahl.com/products/regular-jar

This is the website of our product page - https://mx3ph-com.myshopify.com/products/coffee-mix-with-mangosteen-exocarp-mx3?variant=42938732413021

password: mx3ph

Please assist.

Thank you!

2

Please ignore this, this has been sorted out