I’d like to remove the preview of the product description as shown in the photo above so that it’s only visible once you’ve clicked on the product.
How do I do this?
Topic summary
A user wants to remove product description previews from collection pages, keeping them visible only on individual product pages.
Solutions Offered:
-
CSS Code Method: Add custom CSS code to the theme.liquid file (just above the
</body>tag) to hide the description preview using display:none styling. -
Theme Settings Adjustment: Change the collection view from “list” to “grid” format through Theme Settings > Collection, which may eliminate the description preview depending on the theme.
Resolution: The original poster confirmed success with one of these solutions.
Follow-up Issue: A different user later encountered problems applying the CSS code solution while using the Groupify app, experiencing save errors and the description preview reappearing after page refresh. This secondary issue remains unresolved in the thread.
Hi @Koureche ,
Can you provide link to the store? I will have to review the page in order to comeup with a solution.
1 Like
Here is the link of the store https://lavieexotique.fr/
Hi @Koureche
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
1 Like
Hi @Koureche
You’ll have change the view from list to grid in your theme settings.
Try checking for this setting under “Theme settings” >> Collection"
Note: the name could be different as per the theme.
or navigate to collection page
If you’d like to discuss this more or having any concerns, don’t hesitate to send me a PM.
Please hit Like and mark it as a solution if this has helped you.
Thanks a lot 
Have a very nice day!!!
Hi. Hoping you can help!
I’m using Groupify to combine 2 products in Shopify, just to add toddler sizes to a listing. I’m using your code to try & get rid of the Size Info on the page, wanting to keep that info when they go into the Card Page. I enter your code & it works but then I get an error when saving then upon refreshing the damn Size Info’s back! Any help would be greatly appreciated. Thanks!
