Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How to hide specific products price and add a Get a quote button & trigger a popup form when click?

How to hide specific products price and add a Get a quote button & trigger a popup form when click?

saligiayys
Visitor
1 0 0

Hi,

 

My Shopify store are using a theme called "Local", v2.4.0.1.

I would like to hide specific products price on collection page(not hiding all products price of a collection), and change the current button "Buy Now" to "Learn More".

Then if users clicked into the product details page, hide the price, too and change the button "Add to Cart" to "Get a Quote". 

Once the "Get a Quote" button is clicked, I wish a pop up contact for can be triggered.

Ideally Like this one: https://golfhq.co.nz/products/titleist-players-glove-mlh?_pos=1&_sid=4847c6bbe&_ss=r

My URL is: https://golf360nz.myshopify.com/

 

I learned that I can add a tag, such as "hide_price", and then add code.

But it seems different themes have different way.

Could you please help me?

Thank you very much.

Replies 2 (2)

WalkYourStyle
Trailblazer
450 54 70

One Idea is to create a new product template from your theme's customization. In the new product template, hide the price block from the Product Information Section. Then you can add a popup block to the product Information section and connect a page to it that contains whatever you want. You can create a page template from the customization, then crate a page from 'Online Store' -> Pages and then connect the page template to that page. At the end you have to connect the new product template to the specific products you want. You can do everything without coding.

Small_Task_Help
Shopify Partner
830 28 75

Hi,

 

Hope this will help

  • Tag products with "hide_price"
  • Edit product & collection templates to conditionally hide prices and change button text.
  • You can add a contact form and JavaScript to handle pop-up for Get a Quote button.

If you still need help you can contact us (details at signature)

To Get Shopify Experts Help, E-mail - hi@ecommercesmalltask.com
About Us - We are Shopify Expert Agency
At Google My Business - Ecommerce Small Task - Hire Shopify Developers Ahmedabad