collection page – Monimo reviews app https://site.monimo.app Shopify Reviews Importer | Photo Reviews Tue, 30 Jan 2024 14:09:30 +0000 en-US hourly 1 https://wordpress.org/?v=5.9.10 Rating stars on Collection page https://site.monimo.app/knowledge-base/rating-stars-on-collection-page/ Sun, 10 Apr 2022 15:03:18 +0000 https://site.monimo.app/?post_type=epkb_post_type_1&p=11163 On collection page customers can search product types they are looking for, and instead of getting a product solely, they can immediately see the rating of that product as well.

 

How to activate rating stars on Collection page manually

To activate rating stars on Collection page manually follow these steps:

  1. Head over to Shopify’s Themes menu
  2. Select ‘Actions’ menu and click ‘Edit code’
  3. Open the part you use for collection pages (e.g. Dawn theme: Snippets/product-card.liquid)
  4. Copy the following code

<div class=”shop-booster-content shop-booster-col-rat” id=”shop-booster-pid-d-{{ card_product.id }}” data-pattern=”([count]) ” style=”font-size: 14px;letter-spacing: 0px;”></div>

Look for variables related to product information. Common ones include product.id, card_product.id, or variations based on your theme’s naming conventions.

5. Paste it where you wish your stars to appear (e.g. Dawn theme: after ‘</h3>’) and click ‘save’

How to customize rating stars

Rating star icons come in many different and unique shapes. Their color and alignment can also be customized.

For customizing rating star color do the following:

  1. Go to Theme settings in Monimo Dashboard
  2. Click on the color field next to ‘Icon color’
  3. Drag the selector to choose the color for your rating stars

4. Save your settings

If you have some trouble implementing the code don’t hesitate to contact us via Monimo assistant!

]]>