Använd appen Product Reviews
När du har installerat appen Product Reviews kan du 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å om du använder ett uppdelat eller ett icke uppdelat tema. Ett uppdelat tema är ett nyare tema som låter dig dra och släppa för att ordna layouten på din butiks sidor.
Gå till temasidan Redigera kod för att ta reda på om ditt tema stöder avsnitt. Om det finns filer i Avsnittskatalogen använder du ett avgränsat tema. Icke-sektionerade teman släpptes före oktober 2016 och har inga filer i Avsnittskatalogen.
Om du använder ett uppdelat tema klickar du på knappen Uppdelade teman och följer anvisningarna. Om du använder ett äldre, icke uppdelat tema klickar du på knappen Icke uppdelade teman och följer anvisningarna.
Lägg till recensioner och ett granskningsformulär för din produktsida i sektionerat tema
Så här lägger du till recensionsformulär på dina produktsidor:
Från din Shopify-admin går du till Webbutik > Teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbutik i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbutik i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Öppna
product-template.liquid
i katalogen Avsnitt.Hitta det område i koden där du vill att dina recensioner ska visas. Vanligtvis är det under produktbeskrivningen. För att hitta din produktbeskrivning i filen, sök efter Liquid-taggen
{{ product.description }}
.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>
Din kodplacering kan se ut ungefär så här:
<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>
- Klicka på Spara.
Lägg till recensionspoängsmärken till dina kollektionssidor i sektionerat tema
Steg:
Från din Shopify-admin går du till Webbutik > Teman.
Leta reda på det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
-
Ö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
, leta efter något av följande:
- product-card.liquid
- product-card-item.liquid
- product-block.liquid
- product-item.liquid
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, sök efter Liquid-taggen
{{ product.title }}
.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>
Din kodplacering kan se ut ungefär så här:
<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>
Du kan experimentera med att lägga koden på olika platser i filen för att se var du tycker den passar bäst.
- Klicka på Spara.
Lägg till recensionspoängsmärken till din produktsida i sektionerade teman
Så här lägger du till recensionspoängsmärken till dina produktsidor:
Från din Shopify-admin går du till Webbutik > Teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbutik i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbutik i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Öppna
product-template.liquid
i katalogen Avsnitt.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, sök efter Liquid-taggen
{{ product.title }}
.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>
Din kodplacering kan se ut ungefär så här:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Du kan experimentera med att lägga koden på olika platser i filen för att se var du tycker den passar bäst.
- Klicka på Spara.
Lägg till recensionspoängsmärken till din utvalda produkt i sektionerat tema
Obs! Om du använder Venture rekommenderas det inte att placera recensionspoängsmärken på din utvalda produkt.
Så här lägger du till recensionspoängsmärken för din utvalda produkt på webbplatsen:
Från din Shopify-admin går du till Webbutik > Teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbutik i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbutik i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Öppna
featured-product.liquid
-filen i katalogen avsnitt.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, sök efter Liquid-taggen
{{ title }}
. Sök efter taggen{{ product.title }}
om du inte kan hitta taggen{{ title }}
.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>
Din kodplacering kan se ut ungefär så här:
<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 %}
Du kan experimentera med att lägga koden på olika platser i filen för att se var du tycker den passar bäst.
- Klicka på Spara.
Lägg till recensioner och ett recensionsformulär för din produktsida i icke-sektionerade teman
Så här lägger du till recensionsformulär på dina produktsidor:
Från din Shopify-admin går du till Webbutik > Teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbutik i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbutik i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Öppna
product.liquid
i mallkatalogen.Hitta det område i koden där du vill att dina recensioner ska visas. Vanligtvis är det under produktbeskrivningen. För att hitta din produktbeskrivning i filen, sök efter Liquid-taggen
{{ product.description }}
.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>
Din kodplacering kan se ut ungefär så här:
<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>
- Klicka på Spara.
Lägg till recensionspoängsmärken till dina kollektionssidor i icke-sektionerade teman
Så här lägger du till recensionspoängsmärken till dina kollektionssidor:
Från din Shopify-admin går du till Webbutik > Teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbutik i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbutik i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
-
Öppna
product-grid-item.liquid
i utdrag-katalogen.I vissa teman har den här filen ett annat namn. Om du inte kan hitta
product-grid-item.liquid
, leta efter något av följande:
- product-card.liquid
- product-card-item.liquid
- product-block.liquid
Om 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.
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, sök efter Liquid-taggen
{{ product.title }}
.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>
Din kodplacering kan se ut ungefär så här:
<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>
Du kan experimentera med att lägga koden på olika platser i filen för att se var du tycker den passar bäst.
- Klicka på Spara.
Lägg till recensionspoängsmärken till din produktsida i icke-sektionerade teman
Så här lägger du till recensionspoängsmärken till dina produktsidor:
Från din Shopify-admin går du till Webbutik > Teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbutik i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Från Shopify-appen klickar du på Butik.
Tryck på Webbutik i avsnittet Försäljningskanaler.
Tryck på Hantera teman.
Hitta det tema du vill redigera och klicka sedan på Åtgärder > Redigera kod.
Öppna
product.liquid
i mallkatalogen.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, sök efter Liquid-taggen
{{ product.title }}
.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>
Din kodplacering kan se ut ungefär så här:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Du kan experimentera med att lägga koden på olika platser i filen för att se var du tycker den passar bäst.
- Klicka på Spara.