Remove loox reviews widget on collection page product cards (dawn theme)?

Store Design
, ,

Topic summary

A user seeks to remove the Loox reviews widget from product cards on collection pages in the Dawn theme, while keeping the star ratings visible on individual product pages.

Proposed Solutions:
Two respondents provided similar CSS-based approaches:

  • Method 1: Add CSS code to Assets/base.css file targeting .collection .product-grid .card-wrapper .card-information .loox-rating with display: none !important;

  • Method 2: Insert CSS in theme.liquid file (within <style> tags before </body>) targeting .card__information .loox-rating with display: none !important;

Both solutions involve accessing the theme code editor through Online Store → Theme → Edit code and applying custom CSS to hide the widget specifically on collection page cards.

Status: The discussion presents technical solutions but lacks confirmation of whether either method successfully resolved the issue.

Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.
1

Hello, how do we remove loox reviews widget on collection page product cards (dawn theme)?

We still want the stars review widget on our product pages. Just not on our collection page product cards.

https://thestellarsupply.com/collections/tees

2

Hi @Solset

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/base.css
  3. Add code below to bottom of file
.collection .product-grid .card-wrapper .card-information .loox-rating{
	display: none!important;
}
3

Hello @Solset

You can add code by following these steps to hide reviews on cards

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.card__information .loox-rating { display: none !important; }