Remove Titles from Product Listings

Solved
FancySchmancy
Tourist
3 0 3

Greetings, 

Building a new site and wanting to customize the free Venture theme. I have 3 collections. I am building out the collections now. Each product will have the name of the actual product listed in the image. So, I'd like to have the actual title NOT showing on the page, just the price. 

How do I do that? 

 

 I want to remove the titles here, but keep them visible on the product page itself.I want to remove the titles here, but keep them visible on the product page itself.

dmwwebartisan
Shopify Partner
5862 1339 1721

@FancySchmancy 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
FancySchmancy
Tourist
3 0 3

Thanks! 

 

URL: https://www.byefeefee.com

password: phohch

 

 

dmwwebartisan
Shopify Partner
5862 1339 1721

This is an accepted solution.

@FancySchmancy 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-collection .product-card__info .product-card__name {
    display: none;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
FancySchmancy
Tourist
3 0 3

This worked PERFECTLY!! 

Now I have another question: So now that I have only the price showing. Any tips to mimize the white space under the image? Also, I want to bold the price and make it a little bigger. 

 

Link: https://www.byefeefee.com/collections/dispute-validation-letters 

dmwwebartisan
Shopify Partner
5862 1339 1721

@FancySchmancy 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-collection .product-card__price {
    font-size: 1.3em;
}
.template-collection .product-card__image-container {
height: 163px !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes