Collections help customers browse the product categories that they’re interested in without having to look through multiple pages of products.

In this article, we'll show you how to install Star Ratings on your collections, including collection pages and homepage.

Install using Shopify theme editor (easy)

Install using liquid code (advanced)

If you want the Star Ratings to be TrustShop branded, you can install it using liquid code.

Star Ratings installed via code will show on both your collection pages and the collection on your homepage. It also allows you to change the position of the ratings.

Step 1: Enable TrustShop app embed

1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme you want and click Customize.
3. Go to App embeds and enable TrustShop
4. Click Save.

Step 2: Add the Star Ratings code

1. Once you've enabled TrustShop app embed, go back to Online Store > Themes.
2. Click "..." > Edit code.
3. Then depending on your theme, the next steps might differ.

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Maranello Mono | • Open card-product.liquid. • Under the line that contains **</h3>** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Blum | • Open card-product.liquid. • Under the line that contains **</h3>** , add the following code: <div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Baseline Creative District Expanse Fetch Flow Impulse Label Motion North Streamline Sydney | • Open product-grid-item.liquid. • Under the line that contains **{{ product.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Modular | • Open product-grid-item.liquid. • Under the line that contains **product-block__title** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Broadcast | • Open product-grid-item.liquid. • Under the line that contains **product-item__title** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Pipeline | • Open snippets/product-grid-item.liquid. • Above the line that contains **if settings.product_grid_show_rating** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Story | • Open product-grid-item.liquid. • Above the line that contains **<p class="price_wrapper{% if on_sale %} on-sale{% endif %}">** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Empire | • Open product-grid-item.liquid. • Under the line that contains **</h2>** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Palo Alto | • Open product-grid-item.liquid. • Above the line that contains **{%- if settings.show_rating** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Venue | • Open product-grid-item.liquid. • Under the line that contains **product-card__title** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Automation | • Open product-grid-item.liquid. • Above the line that contains **{%- if settings.enable_product_reviews -%}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Wokiee | • Open product-grid-item-design-1.liquid. • Under the line that contains **</h2>** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Champion Upscale | • Open product-card.liquid. • Above the line that contains **{%- if settings.product_card_show_product_rating** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Atom | • Open product-card.liquid. • Above the line that contains **{% if section.settings.show_rating** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Habitat Reformation Tailor Vision | • Open product-card.liquid. • Under the line that contains **{{ product_card_product.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Portland Stockmart | • Open product-card.liquid. • Above the line that contains **{% render 'price'** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Symmetry | • Open product-block.liquid. • Under the line that contains class="product-block__title" , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Aurora | • Open product-card.liquid. • Under the line that contains **{%- if enable_product_review -%}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Galleria | • Open product-card.liquid. • Above the line that contains **<div class="#product-card-price">** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Whisk | • Open product-card.liquid. • Above the line that contains ** {%- if show_price -%}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Mojave | • Open product-card.liquid. • Above the line that contains **<div class="product-card__meta** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Alchemy Avatar Berlin Frame Handmade Honey Tailor ShowTime Stockholm Zest | • Open product-card.liquid. • Under the line that contains **</h3>** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Taiga | • Open product-card.liquid. • Under the line that contains **<h2 class="card-title h4">{{ product.title }}</h2>** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Emporium | • Open product-card.liquid. • Under the line that contains **</h5>** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Minimog | • Open product-card.liquid. • Under the line that contains **{% if settings.show_review_badge %}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Influence | • Open ship-product-card.liquid. • Above the line that contains **{% if block_name == 'price' %}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Sunrise | • Open ship-product-card.liquid. • Above the line that contains **{% render 'product-price', product: product_card_product %}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Canopy | • Open product-block.liquid. • Above the line that contains **<div class="price** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Masonry | • Open product-block.liquid. • Under the line that contains **{{ product.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Prestige Xtra | • Open product-item.liquid. • Above the line that contains **{%- if settings.show_product_rating -%}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Focal Ira Lorenza Split Warehouse | • Open product-item.liquid. • Under the line that contains **{{ product.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Stiletto | • Open product-item.liquid. • Above the line that contains **{% if settings.product_listing_show_vendor and prod.vendor %}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Local Combine | • Open product-item.liquid. • Above the line that contains **{%- when 'rating' -%}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Capital | • Open product-item.liquid. • Above the line that contains **<div class="product-item-price">** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Highlight Kingdom | • Open product-item.liquid. • Above the line that contains **product-item__price** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Spark | • Open product-item.liquid. • Under the line that contains **</h4>** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Atlantic | • Open product-item.liquid. • Under the line that contains **</h2>** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Electro | • Open product-item.liquid. • Above the line that contains **{% include 'product-grid-review' %}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Tema Aurora Tema Warehouse | • Open product-item.liquid. • Above the line that contains **{%- if settings.show_reviews_badge -%}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Paper | • Open component__product-item.liquid. • Under the line that contains **</h3>** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Editions | • Open small-product-item.liquid. • Under the line that contains **</h3>** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Yuva | • Open product-grid.liquid. • Under the line that contains **yv-product-title** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Cascade | • Open product-tile.liquid. • Above the line that contains **{% if settings.product_tile_star_ratings** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Shapes | • Open product-tile.liquid. • Under the line that contains **{{ product.title | escape }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Context | • Open product-tile.liquid. • Under the line that contains **</h2>** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Fashionopolism Icon Mr Parker Testament Vantage | • Open product-listing.liquid. • Above the line that contains **{% render 'product-price-listing', product: product %}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Envy Fresh | • Open product-grid--indiv-product.liquid. • Under the line that contains **{{ liquidObject.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Pursuit | • Open product-card-item.liquid. • Under the line that contains **{{ product.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Mavon | • Open product-card-item.liquid. • Above the line that contains **{%- if show_price -%}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Avenue | • Open product-loop.liquid. • Under the line that contains **<div class="product-title">** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Drop Foodie Forge | • Open product-loop.liquid. • Above the line that contains **{%- if settings.show_rating** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Bullet | • Open global-product-card.liquid. • Under the line that contains **{{ product.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Parallax Responsive Retina | • Open product-thumbnail.liquid. • Above the line that contains **{% if settings.display_vendor_collection %}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Fame | • Open product-info.liquid. • Above the line that contains **<div class="product-prizebox">** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Turbo Turbo-portland | • Open product-info.liquid. • Under the line that contains **{{ product.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Grid Pacific | • Open product-list-item.liquid. • Under the line that contains **{{ item.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Startup | • Open product-list-item.liquid. • Above the line that contains **<p class="product-list-item-price">** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Align | • Open component-card-product.liquid. • Above the line that contains **{%- unless show_footer == false -%}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Modules | • Open productRender.liquid. • Under the line that contains **{{ product.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Bazaar | • Open product-card-minimal.liquid. • Under the line that contains **{{ product.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Roam | • Open product.loop.liquid. • Under the line that contains **{% if show_vendors %}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | California Colors | • Open collection-product.liquid. • Under the line that contains **{{ product.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Andaman | • Open block.liquid. • Above the line that contains **<div class="block-price">** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Providence | • Open product.liquid. • Above the line that contains **{% if show_vendor %}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Loft | • Open product-loop-item.liquid. • Above the line that contains **{%- if show_reviews -%}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Debut | • Open product-card-grid.liquid. • Under the line that contains **{{ product.title }}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Health & Beauty | • Open product-card-info.liquid. • Above the line that contains **{% if settings.show_review_badge %}** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. | | Charge | • Open grid-item-product.liquid. • Under the line that contains **<p class="item-title">{{ product.title | default: 'Example product title' }}</p>** , add the following code:

<div class="trustshop-collection-rating--item" rating-value="{{ card_product.metafields.reviews.rating.value }}" rating-count="{{ card_product.metafields.reviews.rating_count }}" > </div> • Click Save. |