Hi I’m using expression theme
Any code available to remove price and title from collection image grid?
Thanks
A user working with the Expression theme on Shopify seeks to remove product prices and titles from collection grid images.
Solutions Provided:
Two community members offered CSS code solutions:
PageFly-Amelia suggested adding custom CSS to the theme files (base.css or theme.css) to hide price elements using display: none targeting specific product price classes
FDLC04 provided alternative CSS targeting grid-specific classes for both price and title elements
Current Status:
The user successfully removed prices using the provided code but still needs help removing product titles. PageFly-Amelia followed up with updated CSS code that targets both price and title elements simultaneously.
Technical Approach:
All solutions involve navigating to Online Stores > Themes > Edit code and adding CSS snippets to hide the unwanted elements from collection grids.
Hi I’m using expression theme
Any code available to remove price and title from collection image grid?
Thanks
Hello @leien
This is Amelia at PageFly - Shopify Advanced Page Builder app.
Could you please provide me with the URL of the page so I can check it for you?
Hello @leien
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file base.css or theme.css
Step 3: Add code
span.product-price__amount.theme-money {
display: none;
}
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
I think this is what you mean. You can add this to the custom css when hovering over the section
.grid-product__title {
display: none
}
.grid-product__price {
display: none
}
Thanks so much!
This got rid of the price. How do I get rid of the product title as well?
Hello @leien
Please replace to this code. Thanks!
span.product-price__amount.theme-money, .product-block__title {
display: none;
}