Remove price from a select collection in Narrative theme

Solved

Remove price from a select collection in Narrative theme

dode12
Visitor
2 0 1

I've figured out how to remove the price from the actual product page, but it still shows the price on the collections page. I'd like to remove the prices for one specific collection. I've tried following advice from several similar threads, but haven't had any luck.

 

Here is the page I'm talking about

https://www.michigansloyd.com/collections/gallery

Accepted Solution (1)

Litos
Globetrotter
688 169 150

This is an accepted solution.

Hi @dode12,

Please go to theme.liquid file and add code here:

Screenshot.png

Code:

{% if collection.handle == 'gallery' %}
    <style>
      .card .card__price {
        display: none !important;
      }
    </style>
{% endif %}

Hope it helps!

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.

View solution in original post

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
11360 2226 2399

Hi @dode12,

Go to your Online store > Themes > Edit codes > theme.scss.liquid add this code at the bottom, click Save button 

#gallery .card__price { display: none !important; }

 

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

PageFly-Victor
Shopify Partner
7865 1786 3131

Hi @dode12,

 

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

 

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag </body>

 

<style>

.card__availability {

display: none !important;

}

</style>

Please refer to this screenshot:

PageFlyVictor_0-1670227628756.png

 

Hope you find my answer helpful!

 

Best regards,

Victor | PageFly

Litos
Globetrotter
688 169 150

This is an accepted solution.

Hi @dode12,

Please go to theme.liquid file and add code here:

Screenshot.png

Code:

{% if collection.handle == 'gallery' %}
    <style>
      .card .card__price {
        display: none !important;
      }
    </style>
{% endif %}

Hope it helps!

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.
dode12
Visitor
2 0 1

Thank you! One of the easiest edits I've made and worked perfectly.

Joryobk
Tourist
10 0 2

Hi @Litos, I am facing the same problem but it is still not working with me. I want only to remove the price from the Featured Collection on my home page and keep the prices on the other collections. I tried lots of options none worked for me, maybe I am placing the code in the wrong place,  can you please help? 

Cedcommerce
Shopify Partner
718 77 116

Hello @dode12

 

To resolve this issue, you need to add the below-provided code to your theme.liquid file:

 

Follow the below steps to get the same done. 

 

Note - You are advised to follow the instructions if you are comfortable with handling the Shopify theme and liquid.code. Else, please hire a Shopify expert who can help you with this. 

 

Go to Shopify admin > Online store > Select your theme

Click on action > Edit code > open theme.liquid file

Paste the below code just before the </head> tag

Save the changes. 

 

Find the code below-

 

{% if collection.handle == "gallery" %}

 .card .card__price{

   display: none !important;

 }

{% endif %}

 

Hope it helps. Let us know if you need further help with this issue. 

 

All the best, 

CedCommerce

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- apps@cedcommerce.com
- Whatsapp:- Join Here