Använd appen Product Reviews

Den här sidan skrevs ut den Apr 26, 2024. Besök https://help.shopify.com/sv/manual/products/product-reviews/installation för den aktuella versionen.

Du kan lägga till recensionsformulär på dina produktsidor och recensionspoängmärken till dina produkt- och kollektionssidor. Stegen i den här handledningen skiljer sig åt beroende på din version av temaarkitektur. Följ anvisningarna baserat på din temaarkitekturversion för att lägga till granskningselement i din webbshop.

På den här sidan

Online Store 2.0-teman

Du kan lägga till recensioner, inkludera ett recensionsformulär och visa stjärnomdömen i Online Store 2.0-teman.

Lägg till recensioner och ett recensionsformulär i teman för webbutik 2.0

Du kan lägga till appblocket för recension och recensionsformulär som ett avsnitt i din produktmall eller som ett block i produktmallens huvudsakliga produktavsnitt. Dessa alternativ finns tillgängliga i alla teman för webbutik 2.0 från Shopifys temabutik. Beroende på ditt tema kan du ha möjlighet att lägga till dem i andra mallar eller avsnitt.

Lägg till recensioner och recensionsformuläret som ett avsnitt

  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Navigera till den produktmall där du vill lägga till avsnittet för recension och recensionsformulär.
  4. Klicka på Lägg till avsnitt.
  5. Välj appblocket Recensioner i rullgardinsmenyn i avsnittet Appar.
  6. Valfritt: Flytta appavsnittet till den plats du önskar på sidan.
  7. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på Redigera.
  6. Navigera till den produktmall där du vill lägga till avsnittet för recension och recensionsformulär.
  7. Klicka på Lägg till avsnitt.
  8. Välj appblocket Recensioner i rullgardinsmenyn i avsnittet Appar.
  9. Valfritt: Flytta appavsnittet till den plats du önskar på sidan.
  10. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på Redigera.
  6. Navigera till den produktmall där du vill lägga till avsnittet för recension och recensionsformulär.
  7. Klicka på Lägg till avsnitt.
  8. Välj appblocket Recensioner i rullgardinsmenyn i avsnittet Appar.
  9. Valfritt: Flytta appavsnittet till den plats du önskar på sidan.
  10. Klicka på Spara.

Lägg till recensioner och recensionsformuläret som ett block

  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Navigera till den sida och det avsnitt där du vill lägga till blocket för recension och recensionsformulär.
  4. Klicka på Lägg till block.
  5. Välj appblocket Recensioner i rullgardinsmenyn i avsnittet Appar.
  6. Valfritt: Flytta blocket Recensioner till den plats du önskar i avsnittet.
  7. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på Redigera.
  6. Navigera till den sida och det avsnitt där du vill lägga till blocket för recension och recensionsformulär.
  7. Klicka på Lägg till block.
  8. Välj appblocket Recensioner i rullgardinsmenyn i avsnittet Appar.
  9. Valfritt: Flytta blocket Recensioner till den plats du önskar i avsnittet.
  10. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på Redigera.
  6. Navigera till den sida och det avsnitt där du vill lägga till blocket för recension och recensionsformulär.
  7. Klicka på Lägg till block.
  8. Välj appblocket Recensioner i rullgardinsmenyn i avsnittet Appar.
  9. Valfritt: Flytta blocket Recensioner till den plats du önskar i avsnittet.
  10. Klicka på Spara.

Lägg till stjärnklassificeringar i teman för Online Store 2.0

Du kan lägga till stjärnklassificeringar som ett block i produktmallens huvudsakliga produktavsnitt. Det här alternativet är tillgängligt i alla teman för webbutik 2.0 från Shopifys temabutik. Beroende på ditt tema kan du ha möjlighet att lägga till dem i andra avsnitt och mallar.

Steg:

  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Navigera till den sida och det avsnitt där du vill lägga till stjärnklassificeringen.
  4. Klicka på Lägg till block.
  5. Välj appblocket för Stjärnklassificering i rullgardinsmenyn i app-avsnittet.
  6. Valfritt: Flytta blocket Stjärnklassificering till den plats du önskar i avsnittet eller anpassa stjärnornas färg, storlek, justering och sammanhang.
  7. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på Redigera.
  6. Navigera till den sida och det avsnitt där du vill lägga till stjärnklassificeringen.
  7. Klicka på Lägg till block.
  8. Välj appblocket för Stjärnklassificering i rullgardinsmenyn i app-avsnittet.
  9. Valfritt: Flytta blocket Stjärnklassificering till den plats du önskar i avsnittet eller anpassa stjärnornas färg, storlek, justering och sammanhang.
  10. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på Redigera.
  6. Navigera till den sida och det avsnitt där du vill lägga till stjärnklassificeringen.
  7. Klicka på Lägg till block.
  8. Välj appblocket för Stjärnklassificering i rullgardinsmenyn i app-avsnittet.
  9. Valfritt: Flytta blocket Stjärnklassificering till den plats du önskar i avsnittet eller anpassa stjärnornas färg, storlek, justering och sammanhang.
  10. Klicka på Spara.

Vintagetema med avsnitt

Du kan lägga till recensioner, inkludera ett recensionsformulär och visa recensionspoängsmärken på olika sidor i vintageteman med avsnitt.

Lägg till recensioner och ett granskningsformulär för din produktsida i sektionerat tema

  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  3. Öppna product-template.liquid i katalogen Avsnitt.
  4. Hitta det område i koden där du vill att dina recensioner ska visas. Vanligtvis är det under produktbeskrivningen. För att hitta produktbeskrivningen i filen kan du söka efter Liquid-taggen {{ product.description }}.
  5. Klistra in följande utdrag under koden som innehåller Liquid-taggen {{ product.description }}: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera teman.
  4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  5. Öppna product-template.liquid i katalogen Avsnitt.
  6. Hitta det område i koden där du vill att dina recensioner ska visas. Vanligtvis är det under produktbeskrivningen. För att hitta produktbeskrivningen i filen kan du söka efter Liquid-taggen {{ product.description }}.
  7. Klistra in följande utdrag under koden som innehåller Liquid-taggen {{ product.description }}: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera teman.
  4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  5. Öppna product-template.liquid i katalogen Avsnitt.
  6. Hitta det område i koden där du vill att dina recensioner ska visas. Vanligtvis är det under produktbeskrivningen. För att hitta produktbeskrivningen i filen kan du söka efter Liquid-taggen {{ product.description }}.
  7. Klistra in följande utdrag under koden som innehåller Liquid-taggen {{ product.description }}: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Klicka på Spara.

Lägg till recensionspoängsmärken till dina kollektionssidor i sektionerat tema

  1. Gå till Webbshop > teman från din Shopify-admin.
  2. Hitta det tema du vill redigera och klicka sedan på knappen ... > Redigera kod.

  3. Öppna product-grid-item.liquid-filen i katalogen Utdrag. I vissa teman har den här filen ett annat namn. Om du inte kan hitta product-grid-item.liquid kan du leta efter något av följande:

    • product-card-grid.liquid
    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquid
    • product-item.liquid

  4. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det någonstans under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ product.title }}.

  5. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.

Lägg till recensionspoängsmärken till din produktsida i sektionerade teman

  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  3. Öppna product-template.liquid i katalogen Avsnitt.
  4. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det precis under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ product.title }}.
  5. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera teman.
  4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  5. Öppna product-template.liquid i katalogen Avsnitt.
  6. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det precis under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ product.title }}.
  7. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera teman.
  4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  5. Öppna product-template.liquid i katalogen Avsnitt.
  6. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det precis under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ product.title }}.
  7. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.

Lägg till recensionspoängsmärken till din utvalda produkt i sektionerat tema

  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  3. Öppna featured-product.liquid-filen i katalogen avsnitt.
  4. Hitta området i det utdrag där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det någonstans under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ title }}. Sök efter taggen {{ product.title }} om du inte kan hitta taggen {{ title }}.
  5. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera teman.
  4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  5. Öppna featured-product.liquid-filen i katalogen avsnitt.
  6. Hitta området i det utdrag där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det någonstans under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ title }}. Sök efter taggen {{ product.title }} om du inte kan hitta taggen {{ title }}.
  7. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera teman.
  4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  5. Öppna featured-product.liquid-filen i katalogen avsnitt.
  6. Hitta området i det utdrag där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det någonstans under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ title }}. Sök efter taggen {{ product.title }} om du inte kan hitta taggen {{ title }}.
  7. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.

Vintage icke-indelade teman

Du kan lägga till recensioner, inkludera recensionsformulär och visa passerkort för recensionspoäng på olika sidor i vintage icke-indelade teman.

Lägg till recensioner och ett recensionsformulär för din produktsida i icke-sektionerade teman

  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  3. Öppna product.liquid i mallkatalogen.
  4. Hitta det område i koden där du vill att dina recensioner ska visas. Vanligtvis är det under produktbeskrivningen. För att hitta produktbeskrivningen i filen kan du söka efter Liquid-taggen {{ product.description }}.
  5. Klistra in följande utdrag under koden som innehåller Liquid-taggen {{ product.description }}: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera teman.
  4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  5. Öppna product.liquid i mallkatalogen.
  6. Hitta det område i koden där du vill att dina recensioner ska visas. Vanligtvis är det under produktbeskrivningen. För att hitta produktbeskrivningen i filen kan du söka efter Liquid-taggen {{ product.description }}.
  7. Klistra in följande utdrag under koden som innehåller Liquid-taggen {{ product.description }}: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera teman.
  4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  5. Öppna product.liquid i mallkatalogen.
  6. Hitta det område i koden där du vill att dina recensioner ska visas. Vanligtvis är det under produktbeskrivningen. För att hitta produktbeskrivningen i filen kan du söka efter Liquid-taggen {{ product.description }}.
  7. Klistra in följande utdrag under koden som innehåller Liquid-taggen {{ product.description }}: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Klicka på Spara.

Lägg till recensionspoängsmärken till dina kollektionssidor i icke-sektionerade teman

  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

  3. Öppna product-grid-item.liquid i katalogen Fragment. I vissa teman har denna fil ett annat namn. Om du inte kan hitta product-grid-item.liquid ska du leta efter en av följande:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidOm ditt tema inte har någon av ovanstående filer kan det hända att din produkts rutnätskod finns i collection.liquid-filen i mall-katalogen.

  4. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det någonstans under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ product.title }}.

  5. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera teman.
  4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

  5. Öppna product-grid-item.liquid i katalogen Fragment. I vissa teman har denna fil ett annat namn. Om du inte kan hitta product-grid-item.liquid ska du leta efter en av följande:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidOm ditt tema inte har någon av ovanstående filer kan det hända att din produkts rutnätskod finns i collection.liquid-filen i mall-katalogen.

  6. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det någonstans under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ product.title }}.

  7. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera teman.
  4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

  5. Öppna product-grid-item.liquid i katalogen Fragment. I vissa teman har denna fil ett annat namn. Om du inte kan hitta product-grid-item.liquid ska du leta efter en av följande:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidOm ditt tema inte har någon av ovanstående filer kan det hända att din produkts rutnätskod finns i collection.liquid-filen i mall-katalogen.

  6. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det någonstans under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ product.title }}.

  7. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.

Lägg till recensionspoängsmärken till din produktsida i icke-sektionerade teman

  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  3. Öppna product.liquid i mallkatalogen.
  4. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det precis under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ product.title }}.
  5. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera teman.
  4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  5. Öppna product.liquid i mallkatalogen.
  6. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det precis under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ product.title }}.
  7. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera teman.
  4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  5. Öppna product.liquid i mallkatalogen.
  6. Hitta det område i koden där du vill att dina recensionspoängmärken ska visas. Vanligtvis är det precis under produktnamnet. För att hitta ditt produktnamn i filen kan du söka efter Liquid-taggen {{ product.title }}.
  7. På en ny rad under koden som innehåller Liquid-taggen {{ product.title }} klistrar du in följande utdrag: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Klicka på Spara.

Är du redo att börja sälja med Shopify?

Prova gratis