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:

  1. Öppna product-template.liquid i katalogen Avsnitt.

  2. 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 }}.

  3. 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>
  1. Klicka på Spara.

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

Steg:

  1. Från din Shopify-admin går du till Webbutik > Teman.

  2. Leta reda på det tema du vill redigera och klicka sedan på Åtgärder > 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, leta efter något av följande:

- product-card.liquid - product-card-item.liquid - product-block.liquid - product-item.liquid

  1. 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 }}.

  2. 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.

  1. 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:

  1. Öppna product-template.liquid i katalogen Avsnitt.

  2. 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 }}.

  3. 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.

  1. 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:

  1. Öppna featured-product.liquid-filen i katalogen avsnitt.

  2. 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 }}.

  3. 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.

  1. 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:

  1. Öppna product.liquid i mallkatalogen.

  2. 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 }}.

  3. 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>
  1. 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:

  1. Ö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.

  1. 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 }}.

  2. 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.

  1. 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:

  1. Öppna product.liquid i mallkatalogen.

  2. 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 }}.

  3. 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.

  1. Klicka på Spara.

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

Prova gratis