Studio Theme - Homepage - Featured Collection Section questions

Solved

Studio Theme - Homepage - Featured Collection Section questions

schilp
Tourist
7 0 2

Hello,

 

I am using the studio theme at the moment. The homepage has a featured collection section. ONLY for the homepage featured collection, I would like to remove the product title and price. I do not want to make this change to product cards elsewhere on the site, only on the homepage.

 

Also, whatever solutions I've found also make it so that the product link stops working. I would like the link to continue working, only the text to be removed and not the link.

 

Thanks for your help!

Accepted Solution (1)
websensepro
Shopify Partner
1854 215 260

This is an accepted solution.

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.card:not(.ratio)>.card__content {
    opacity: 0 !important;
    height: 0 !important;
}

Result:

websensepro_0-1737460761957.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

View solution in original post

Replies 6 (6)

websensepro
Shopify Partner
1854 215 260

Hi  @schilp , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
schilp
Tourist
7 0 2

Thanks.

 

Its https://n8z0xm-yb.myshopify.com/

Pw = cheack

websensepro
Shopify Partner
1854 215 260

This is an accepted solution.

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.card:not(.ratio)>.card__content {
    opacity: 0 !important;
    height: 0 !important;
}

Result:

websensepro_0-1737460761957.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
websensepro
Shopify Partner
1854 215 260

@schilp This code will remove your product title and price, and the product link will also work correctly.

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
schilp
Tourist
7 0 2

Ok this works but it changes the product card across the website to not have name and price. This and the brisk_code solution put together manages what I wanted to do. Thanks!

 

brisk_code
Shopify Partner
80 9 13

Hi, follow the instruction in the image:
Go to Customize->Choose Featured Collection section and scroll down to Custom CSS then paste the code

brisk_code_0-1737461628565.png

The Code:

.card__heading,
.price {
  display: none !important;
}



Note: It will effect on this section only, not others

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Best
Fazil Nusrat from Brisk Code


Best
Fazil Nusrat from Brisk Code

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!