Changing the position of buy buttons on mobile

Store Design

Topic summary

Goal: device-specific placement of the Buy Now button on the product page to improve usability.

  • Mobile: place the Buy Now button directly below the product images.
  • Desktop: keep the Buy Now button in its default location within the product information area (with title, description, and price).

No technical solution, code, or theme-setting steps were provided. One participant offered private assistance via personal links for customizations.

Status: no resolution yet; implementation details remain open.

Summarized with AI on December 12. AI used: gpt-5.
1

We need to implement two different placements for the Buy buttons on the product page to enhance user experience across devices:

  1. For Mobile: The Buy Now button should be positioned directly below the product images.
  2. For Desktop: The Buy Now button should remain in its normal placement within the product information section, alongside details like the title, description, and price.
2

Please reach out via personal links below for any help on theme customizations.

Best

Shadab