Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an 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! 🙂
This is an 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! 🙂
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.
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
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
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.
.product-page .product-page-info__dynamic-checkout {
display: none !important;
}
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025