Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi all. I'm having an issue when it comes to hiding the buy now button on my product pages. I'm using the Concept theme as well as metafields + the Metafields Guru application to display custom data for my product variants. The thing is, when I hide the buy now buttons on the template, it also removes the metafield entries. I've consulted with the app creators and they say that the issue is not due to the app but an issue to the source code of the template. Can anyone provide assistance with this?
Solved! Go to the solution
This is an accepted solution.
Hi @rj21
Please add this code to Custom CSS in your Online Store > Themes > Customize > Theme settings and check
form.product-form { dislay: none !imporptant; }
- Helpful? Like and Accept solution! Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi @rj21
Maybe that meta field settings display right after the Buy Now button hook, so it cannot be added after you disable the Buy Now block.
Could you enable buy now block, send me link to your product page so I can give you the code to hide buy now without disable it from your product page customize?
- Helpful? Like and Accept solution! Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi there. Here's the link to one of the product pages. The buy now module is enabled.
https://83b175-ed.myshopify.com/products/joint-torque-sensors-tsr-j-series
This is an accepted solution.
Hi @rj21
Please add this code to Custom CSS in your Online Store > Themes > Customize > Theme settings and check
form.product-form { dislay: none !imporptant; }
- Helpful? Like and Accept solution! Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Lifesaver. Thank you for this. Code indeed works (tested on both mobile and desktop).
You are very welcome!
- Helpful? Like and Accept solution! Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024