Bruk av produktomtaler-appen

Etter at du har installert produktomtaler-appen, kan du legge til gjennomgangsskjemaer på produktsidene og gjennomgå poengsumskiltene på produkt- og samlingssidene.

Trinnene for denne opplæringen avhenger av om du har brukt et seksjonsinndelt eller ikke-seksjonsindelt tema. Et seksjonsinndelt tema er et nyere tema som lar deg dra og slippe for å arrangere oppsettet til butikkens sider.

For å finne ut om temaet ditt støtter seksjoner kan du gå til temaets Rediger kode-side. Hvis det er filer i Seksjoner-katalogen, bruker du et tema med seksjoner. Temaer uten seksjoner ble utgitt før oktoper 2016 og har ingen filer i Seksjoner-katalogen.

Hvis du bruker et tema med seksjoner, klikker du på Seksjonerte temaer-knappen og følger anvisningene. Hvis du bruker et eldre tema uten seksjoner, klikker du på Ikke-sesksjonerte temaer knappen og følger anvisningene.

Legg til omtaler og et gjennomgangsskjema på produktsiden i seksjonerte temaer

Slik legger du til gjennomgangsskjemaer på produktsidene:

  1. I Deler-katalogen åpner du product-template.liquid.

  2. Finn området i koden der du vil at omtalene skal vises. Vanligvis er dette under produktbeskrivelsen. Søk etter Liquid-taggen {{ product.description }} for å finne produktbeskrivelsen i filen.

  3. Under koden som inneholder Liquid-taggen {{ product.description }} limer du inn følgende tekstutdrag:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Kodeplasseringen din kan se omtrent slik ut:

<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. Klikk på Lagre.

Legg til vurderingsmerker i samlingssidene dine i seksjonerte temaer

Steg:

  1. Fra Shopify-administratoren går du til Nettbutikk > Temaer.

  2. Finn temaet du vil redigere og klikk Handlinger > Redigere kode.

  3. I Kodebit-katalogen åpner du product-grid-item.liquid-filen.

    I noen temaer har denne filen et annet navn. Hvis ikke du finner product-grid-item.liquid, må du se etter en av følgende:

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

  1. Finn området i koden der du vil at vurderingsmerkene dine skal vises. Vanligvis er dette et sted under produkttittelen. For å finne produktnavnet i filen, søker du etter Liquid-taggen {{ product.title }}.

  2. På en ny linje under koden som inneholder Liquid-taggen {{ product.title }}, limer du inn følgende tekstutdrag:

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

Kodeplasseringen din kan se omtrent slik ut:

<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 eksperimentere med å legge inn koden på ulike steder i filen for å se hvor du liker det best.

  1. Klikk på Lagre.

Legg til vurderingsmerker på produktsiden i seksjonerte temaer

Slik legger du til vurderingsmerker på produktsidene dine:

  1. I Deler-katalogen åpner du product-template.liquid.

  2. Finn området i koden der du vil at vurderingsmerkene dine skal stå. Vanligvis er dette rett under produktnavnet. For å finne produktnavnet i filen, søker du etter Liquid-taggen {{ product.title }}.

  3. På en ny linje under koden som inneholder Liquid-taggen {{ product.title }}, limer du inn følgende tekstutdrag:

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

Kodeplasseringen din kan se omtrent slik ut:

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

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

Du kan eksperimentere med å legge inn koden på ulike steder i filen for å se hvor du liker det best.

  1. Klikk på Lagre.

Legg til vurderingsmerker i de utvalgte produktene dine i seksjonerte temaer

Slik legger du til omtaler av poengsummen til det utvalgte produktet på hjemmesiden:

  1. I Deler-katalogen åpner du featured-product.liquid-filen.

  2. Finn området i utdraget der du vil at gjennomgangsmerkene dine skal stå. Vanligvis er dette et sted under produktnavnet. For å finne produktnavnet i filen, søker du etter Liquid-taggen {{ title }}. Hvis du ikke finner {{ title }}-taggen, kan du søke etter {{ product.title }}-taggen.

  3. På en ny linje under koden som inneholder Liquid-taggen {{ product.title }}, limer du inn følgende tekstutdrag:

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

Kodeplasseringen din kan se omtrent slik ut:

<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 eksperimentere med å legge inn koden på ulike steder i filen for å se hvor du liker det best.

  1. Klikk på Lagre.

Legg til omtaler og et gjennomgående skjema til produktsiden din i ikke-inndelte temaer

Slik legger du til gjennomgangsskjemaer på produktsidene:

  1. I Maler-katalogen åpner du product.liquid.

  2. Finn området i koden der du vil at omtalene skal vises. Vanligvis er dette under produktbeskrivelsen. Søk etter Liquid-taggen {{ product.description }} for å finne produktbeskrivelsen i filen.

  3. Under koden som inneholder Liquid-taggen {{ product.description }} limer du inn følgende tekstutdrag:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Kodeplasseringen din kan se omtrent slik ut:

<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. Klikk på Lagre.

Legg til gjennomgangsscoremerker på samlingssidene dine i ikke-inndelte temaer

Slik legger du til gjennomgangsscoremerker til samlingssidene dine:

  1. I Kodebiter-katalogen åpner du product-grid-item.liquid.

    I noen temaer har denne filen et annet navn. Hvis ikke du finner product-grid-item.liquid, må du se etter en av følgende:

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

Hvis temaet ditt ikke har noen av de ovennevnte filene, kan du finne produktrutenettkoden i collection.liquid-filen i Maler-katalogen.

  1. Finn området i koden der du vil at vurderingsmerkene dine skal vises. Vanligvis er dette et sted under produkttittelen. For å finne produktnavnet i filen, søker du etter Liquid-taggen {{ product.title }}.

  2. På en ny linje under koden som inneholder Liquid-taggen {{ product.title }}, limer du inn følgende tekstutdrag:

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

Kodeplasseringen din kan se omtrent slik ut:

<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 eksperimentere med å legge inn koden på ulike steder i filen for å se hvor du liker det best.

  1. Klikk på Lagre.

Legg til vurderingsmerker på produktsiden i ikke-inndelte temaer

Slik legger du til vurderingsmerker på produktsidene dine:

  1. I Maler-katalogen åpner du product.liquid.

  2. Finn området i koden der du vil at vurderingsmerkene dine skal stå. Vanligvis er dette rett under produktnavnet. For å finne produktnavnet i filen, søker du etter Liquid-taggen {{ product.title }}.

  3. På en ny linje under koden som inneholder Liquid-taggen {{ product.title }}, limer du inn følgende tekstutdrag:

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

Kodeplasseringen din kan se omtrent slik ut:

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

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

Du kan eksperimentere med å legge inn koden på ulike steder i filen for å se hvor du liker det best.

  1. Klikk på Lagre.

Er du klar til å begynne å selge med Shopify?

Prøv det gratis