Our store is currently using the free Origin theme. I would like to ask some help if it is possible to hide the name of the product and price when collection is featured in the Featured Collection block/section. Pls help ty!
Topic summary
A user seeks to hide product names and prices in the Featured Collection section of Shopify’s free Origin theme while keeping product images clickable.
Solutions Provided:
- Add CSS code to
base.cssfile targeting the featured collection section to hide product titles and prices - Multiple code snippets were shared by community members
Current Issue:
- The user applied CSS code that successfully hides names and prices, but this broke the clickability of product images
- Products no longer redirect to their listing pages when clicked
- Store URL: atelierpegai.com (password: spain)
Status:
- Unresolved - The user is urgently requesting help to restore clickable functionality while maintaining hidden text elements
- Multiple community members have offered assistance and requested store access to provide a tailored solution
1 Like
Hi @happeee
Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?
@happeee
Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.
@happeee Please follow the steps below to hide the product name and price in the featured collection block of the Origin theme. Let us know if this solution works for you.
#1. From the Admin, go to “Online Store” → “Themes”.
#2. Click the “actions” button on the current theme and select “Edit Code”.
#3. Search for the “base.css” file, scroll to the bottom, and paste the following code:
section[id*="featured_collection"] slider-component .grid__item .product-card-wrapper .card__content .card__information .full-unstyled-link,
section[id*="featured_collection"] slider-component .grid__item .product-card-wrapper .card__content .card__information .price {
display: none;
}
Result will be,
Note:
#1. This solution is specifically for the Origin theme and will hide the product name and price wherever the Featured Collection widget is added.
#2. If you need to hide these details on a specific page or specific section, add this code on the respective section’s Custom CSS field with some code alteration. Please let us know if you need help on it.
#3. If this does not meet your expectations, please share your store URL, and we will check and provide a more tailored solution.
If this solution works for you, please support us by clicking “Like” and “Accepted”. Thanks for your support!
Hi Happeee
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base**.css** and add this code at the end of the file
.product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
display: none !immportant;
}
But this doesnt work, I happened to find a code where I can hide the product name and price but it wont redirect to its listing once clicked, can you help me on this one? url: Atelier Pegai pass: spain PLEASE, TIA!
Hi @happeee
Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?
Hi @DaisyVo url is atelierpegai.com password is spain. I already saw and applied codes but the problem is that the product image is not clickable anymore. this is the code I used to hide its title and price. Pls help me on this one and make the product image clickable direct to listing. TIA!
this does not work pls help me asap, atelierpegai.com password: spain