Looking to remove the prices from one collection on Shopify in the debut theme

Looking to remove the prices from one collection on Shopify in the debut theme

Little-lotus
Tourist
9 0 1

Hi there,

I have created a specific collection on my online store where I do not want to show the prices on the collection page. 

I am using the debut theme and have tried to look at the coding but I have no knowledge of liquid or coding. 
Can anyone help me with this please?

Many thanks.

Replies 5 (5)

ZestardTech
Shopify Partner
6096 1091 1465

Hello! I can help you with that.

To hide prices on a specific collection page in the Debut theme, you need to make some changes to the theme's Liquid code. Here are the steps you can follow:

From your Shopify admin dashboard, go to "Online store" and click on "Themes".

Find the Debut theme and click on "Actions" and then select "Edit code".

In the left sidebar, click on "Collections" and then select "collection-template.liquid" from the list of files.

Find the following line of code:

<span class="price{% if on_sale %} price--on-sale{% endif %}" data-price="{{ price }}">
{{ price | money }}
</span>


Replace that line of code with the following:

{% if collection.handle == "your-collection-handle" %}
<span class="price{% if on_sale %} price--on-sale{% endif %}" data-price="{{ price }}">
<!--- Leave this section empty to hide the price --->
</span>
{% else %}
<span class="price{% if on_sale %} price--on-sale{% endif %}" data-price="{{ price }}">
{{ price | money }}
</span>
{% endif %}

Be sure to replace "your-collection-handle" with the handle of the collection you want to hide prices for.

Click on "Save" and then view the collection page on your storefront to confirm that the prices are now hidden for the specified collection.

I hope that helps! Let me know if you have any questions.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Little-lotus
Tourist
9 0 1

Hi there, Thanks for getting back to me so quickly.

I have tried looking for the code 

 

<span class="price{% if on_sale %} price--on-sale{% endif %}" data-price="{{ price }}"> {{ price | money }} </span>

 

And the only thing I can find that is remotely close to it is 

 

<span class="product-price__price">$19.99</span>  on line 179 

 

and 

 

<span class="product-price__price">$19.99</span> on line 224

 

Can any of the above codes be changed?

Sorry but I have no knowledge of liquid so feel quite out of my depth 🙂

 

Little-lotus
Tourist
9 0 1

Thanks so much for your help.

I have found some one who was able to do it for me as I am not very good at coding. Thanks again.

 

NomtechSolution
Astronaut
1245 113 160

To hide prices on a specific collection page in the Debut theme, you can follow these steps:

  1. From your Shopify admin, go to "Online Store" and click on "Themes".

  2. In the "Themes" section, locate your Debut theme and click on the "Actions" dropdown menu.

  3. Select "Edit code" from the options. This will open the theme editor.

  4. In the left-hand sidebar of the theme editor, navigate to the "Sections" folder and click to expand it.

  5. Locate and click on the "collection-template.liquid" file.

  6. In the collection template file, search for the following line of code:

 

{% include 'product-price', variant: item %}

 

Once you find the above line of code, you can comment it out or remove it. To comment it out, add {% comment %} at the beginning of the line and {% endcomment %} at the end of the line.

Little-lotus
Tourist
9 0 1

Thanks very much. I have found someone who was able to do it for me.