Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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:
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!
Hi @schilp , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks
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:
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!
@schilp This code will remove your product title and price, and the product link will also work correctly.
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!
Hi, follow the instruction in the image:
Go to Customize->Choose Featured Collection section and scroll down to Custom CSS then paste the code
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
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025