I have Warehouse 4.0.0 installed for my Shopify website. I am looking to remove product prices from one of my collection pages and if possible add a button below the product title with ‘contact us for prices’. I was wondering if anyone could help me remove the prices from one of my collections and if possible show me the method to add a button to contact us for price.
First, go to your Shopify admin, and navigate to ‘Online Store’ > ‘Themes’. Find the theme you’re using (in your case, Warehouse 4.0.0), click on the ‘Actions’ dropdown button, and select ‘Edit code’.
In the theme code editor, locate the ‘snippets’ folder on the left-hand side and find the ‘product-card-grid.liquid’ file, which controls the product display on collection pages.
Look for the following block of code in the ‘product-card-grid.liquid’ file:
```liquid
{% if show_price %}
{% include 'price', price: product.price, compare_at_price: product.compare_at_price %}
{% endif %}
Replace the above code block with the following code:
```markup
```liquid
{% if product.collections contains 'power-tools' %}
Contact us for prices
{% else %}
{% if show_price %}
{% include 'price', price: product.price, compare_at_price: product.compare_at_price %}
{% endif %}
{% endif %}
This code checks if the product is in the 'power-tools' collection, and if it is, it will display the "Contact us for prices" button instead of the price. If the product is not in the 'power-tools' collection, it will display the price as usual.
Save your changes to the 'product-card-grid.liquid' file.
Now, the prices should be removed from the products in the 'power-tools' collection, and the "Contact us for prices" button will appear below the product titles.
@Moeed The method you’ve provided can work, but it’s not the most efficient way to achieve the desired result, as it will add a style tag for every product on the page. Also, this code will only remove the price, but it doesn’t add the “Contact us for prices” button.
@MPTREATMETNUK Here’s an alternative approach using the same method
Go to Online Store.
Edit code.
Find the ‘theme.liquid’ file and add the following code inside the <head> tag:
{% assign show_power_tools_style = false %}
{% for c in collection.products %}
{% if c.collections contains 'power-tools' %}
{% assign show_power_tools_style = true %}
{% endif %}
{% endfor %}
{% if show_power_tools_style %}
{% endif %}
Locate the ‘product-card-grid.liquid’ file in the ‘snippets’ folder.
Add the following code below the existing price code:
{% if product.collections contains 'power-tools' %}
Contact us for prices
{% endif %}
Now, the prices will be removed from the products in the ‘power-tools’ collection, and the “Contact us for prices” button will appear.
Hello @okur90 I have completed the first bit and have added the code into the head tag but there is no product-card-grid.liquid option in the snippets folder.
product-card-grid.liquid is nowhere to be seen in snippets? Does anyone know where I can find it or know an alternative method to achieve what amendments I need to do?
With the massive help from @okur90 , managed to remove the pricing from the collection and added a ‘contact for price’ button. However, now when you go onto each product page the prices appear again. Could someone help me with the method/coding to remove the pricing from each product page in the collection?
@MPTREATMETNUK I appreciate your kind words. As mentioned in a private message earlier, you should add the ‘hide-price’ tags to your products, which will result in the product prices being hidden on the product pages.
