Remove buy it now section for my store

[yasirkhan01]

I would like to remove the buy it now section on my default product page. I already uploaded the photo. 

Theme that i used is shella 

url of the website : https://namalzara.com/products/2-piece-pink-floral-design-co-ord-set-lawn

[Niki_K · Accepted solution]

Hey @yasirkhan01,

Check out the settings on the product page for buy buttons – depending on the theme, there should be a checkbox for displaying the dynamic checkout button or not.

Hope this helps! 🙂

[Anshul_arora]

Hello @yasirkhan01 ,

I understand you are looking to remove the 'Buy it Now' button, the Terms & Conditions check option.

You can hide this option by applying the below-mentioned CSS code.

Please copy & paste the code at the bottom of the theme.liquid file before </body> tag and save.

<style>

.dynamic-checkout.js-dynamic-checkout {
display: none !important;
}

</style>

Output will be like this -:

I hope the code helps you.

Please share if you have any queries.

Thank you.

[PageFly-Amelia]

Hello @yasirkhan01 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Store -> Themes -> Edit Code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

<style>
.product-page-info__dynamic-checkout:has(.dynamic-checkout__button) {
   display: none !important;
}

</style>

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[MaxDesign]

On shella theme (6.2.1), you can find this setting here:

Theme settings -> Product page & Quick view -> Buttons and inputs -> Show dynamic checkout button

Don't do the css solutions provided here, they are not great if you have performance in mind, especially since the theme has a dedicated option to toggle the quick buy button.

[Vinsinfo]

@yasirkhan01 Please follow below steps to remove buy it now section in product page. Let me know whether it is helpful for you.

1. From admin, go to "Online stores" -> "Themes".

2. Click action button from the current theme and select "Edit code".

3. Search for "theme-d.css" file and paste the below code at the bottom of the file.

.product-page .product-page-info__dynamic-checkout {
    display: none !important;
}

Result will be like,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.