Change buy button?

Store Design
, , , ,

Topic summary

A user seeks help modifying their Shopify product page buy button section. They want to:

Current Issues:

  • Remove the “Buy now” button entirely
  • Keep only the “Add to cart” button
  • Change the “Add to cart” button from outlined to solid style
  • Reposition the quantity selector to appear inline next to the “Add to cart” button (similar to a reference site)

Solution Provided:
A respondent explained how to hide the “Buy now” button through the theme customizer by disabling “dynamic buttons” in the “Buy buttons” block settings. They noted that:

  • Background and text color for “Add to cart” can be adjusted in those same settings
  • Moving the quantity selector inline with the button requires custom code changes, as these are separate blocks in the theme

The discussion includes screenshots showing the current layout versus the desired layout, with links to both the user’s site and the reference example.

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

Hi, can someone help me change this buy button section, so there is only one “Add to cart” button and not a “Buy now” button? The button I want to keep is the first one (that is outlined) - but I want it to be solid, not outlined. Also I really want it to look like this picture below (to the right) where you can click and choose quantity next to the “Add to cart” button.

(I have attached photos below - the blue part is what i want to get replaced)

Link for my website.: https://www.melchiorjewelry.com/products/astrea-ring?_pos=3&_psq=ast&_ss=e&_v=1.0

This is link for the website, with the features i want.: https://www.miechristiansenjewelry.com/products/adella-perlearmband

Thank you so much, hope someone can help me out here!

Skærmbillede 2024-09-20 kl. 20.43.14.jpg
Skærmbillede 2024-09-20 kl. 20.43.14.jpg1360×994 53.1 KB

Skærmbillede 2024-09-20 kl. 20.42.11.jpg
Skærmbillede 2024-09-20 kl. 20.42.11.jpg1482×1026 78.2 KB

.

.

.

.

.

.

.

.

@GemPages_Agents

@KetanKumar

@hammadCodes

@PaulNewton

@Ninthony

@dmwwebartisan

@ExpertRookie

@MandasaTech

@GemPages

@Mike-Omega

@PageFly-Richard

@tobebuilds

@BSSCommerce-B2B

@BSS-TekLabs

@pawankumar

@Made4uo-Ribe

2

Hi @stinem123
You can hide “Buy now” button from theme customizer settings, you will find a block like “Buy buttons”, you can disable the checkbox of dynamic buttons from there, and also you will find settings to change background and text color of “Add to cart” button from there
But top put “Add to cart” and qunatity inline, it will require code changes as both are separate blocks

Thanks!