Minimal Theme: How do I remove the price and title on Featured Collections only?

Solved
earthtoplanet
Excursionist
31 5 3

I've looked throughout the community posts thinking this would be a common question but I was unable to find a solution that worked in my instance.

Theme: Minimal
Homepage: www.earthtoplanet.com

I'm trying to remove the title and prices from the products in my Featured Collection (the top six comics). Any ideas?

Accepted Solution (1)

Accepted Solutions
earthtoplanet
Excursionist
31 5 3

This is an accepted solution.

I was able to remove the price and title from the Featured Collection by adding the following to Assets/base.css

#shopify-section-template--14244790960243__featured_products .price-item{display: none;}   
#shopify-section-template--14244790960243__featured_products .price-item{display: none;}
#shopify-section-template--14244790960243__featured_products .full-unstyled-link{font-size: 0;}

 

I don't know why I needed to add the .price-item class twice but that was the only way it worked in my situation.

View solution in original post

Replies 6 (6)
diego_ezfy
Shopify Partner
2308 414 543

Do you mean these?

diego_ezfy_0-1636778795770.png



I don't see any featured collections.

◦ Slideshow images cutting off or looking bad? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets & save money. Examples here.
earthtoplanet
Excursionist
31 5 3

Hi @diego_ezfy , sorry for the confusion as I temporarily removed the featured collection while tweaking the site. 

I put back the featured collection for which I’m hoping to remove the title and prices. It’s on the homepage under the heading of “This Week’s Cartoons”: www.EarthToPlanet.com

diego_ezfy
Shopify Partner
2308 414 543

No problems. 

@earthtoplanet, please do the following:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.grid-link__title, 
.grid-link__meta{
    display: none !important;
}



Kind regards,
Diego

◦ Slideshow images cutting off or looking bad? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets & save money. Examples here.
earthtoplanet
Excursionist
31 5 3

Thanks, @diego_ezfy. Unfortunately, that removed the product and prices from all of my collections whereas I was hoping to only remove those values from my Featured Collection on the homepage. Any modification ideas? 

earthtoplanet
Excursionist
31 5 3

Hi @diego_ezfy. I've reconsidered my theme choice and will be switching to Dawn. I saw on some other threads that you helped someone modify their Featured Collection (change the number of products shown) in the Dawn theme. Would my above request to remove the title and price from the Featured Collection be possible in Dawn?

Thanks! 

earthtoplanet
Excursionist
31 5 3

This is an accepted solution.

I was able to remove the price and title from the Featured Collection by adding the following to Assets/base.css

#shopify-section-template--14244790960243__featured_products .price-item{display: none;}   
#shopify-section-template--14244790960243__featured_products .price-item{display: none;}
#shopify-section-template--14244790960243__featured_products .full-unstyled-link{font-size: 0;}

 

I don't know why I needed to add the .price-item class twice but that was the only way it worked in my situation.

View solution in original post