Bruk av produktomtaler-appen

Denne siden ble skrevet ut den Apr 27, 2024. Gå til https://help.shopify.com/nb/manual/products/product-reviews/installation for nyeste versjon.

Du kan legge til omtaleskjemaer på produktsider, og merker med omtalepoeng på produkt- og samlingssider. Trinnene for denne opplæringen avhenger av temaarkitekturversjonen. Følg instruksjonene basert på temaarkitekturversjonen for å legge til vurderingselementer i nettbutikken.

På denne siden

Online Store 2.0-temaer

Du kan legge til vurderinger, legge inn et vurderingsskjema og vise stjernevurderinger i Online Store 2.0-temaer.

Legg til omtaler og et omtaleskjema i Online Store 2.0-temaer

Du kan legge til appblokken for omtaler og omtaleskjema som en seksjon i produktmalen, eller som en blokk på hovedproduktseksjonen i produktmalen. Disse alternativene er tilgjengelige i alle Online Store 2.0-temaer fra Shopify Theme Store. Det kan hende du kan legge dem til i andre maler eller seksjoner, avhengig av tema.

Legg til omtaler og omtaleskjemaet som en seksjon

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
  2. Finn temaet du vil redigere og klikk på Tilpass.
  3. Naviger til produktmalen du vil legge til seksjonen for omtaler og omtaleskjemaet.
  4. Klikk på Legg til seksjon.
  5. Velg appblokken Omtaler fra rullegardinmenyen i Apper-seksjonen.
  6. Valgfritt: Flytt appseksjonen dit du ønsker på siden.
  7. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer alle temaer.
  4. Finn temaet du vil redigere og klikk på Tilpass.
  5. Trykk på Rediger.
  6. Naviger til produktmalen du vil legge til seksjonen for omtaler og omtaleskjemaet.
  7. Klikk på Legg til seksjon.
  8. Velg appblokken Omtaler fra rullegardinmenyen i Apper-seksjonen.
  9. Valgfritt: Flytt appseksjonen dit du ønsker på siden.
  10. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer alle temaer.
  4. Finn temaet du vil redigere og klikk på Tilpass.
  5. Trykk på Rediger.
  6. Naviger til produktmalen du vil legge til seksjonen for omtaler og omtaleskjemaet.
  7. Klikk på Legg til seksjon.
  8. Velg appblokken Omtaler fra rullegardinmenyen i Apper-seksjonen.
  9. Valgfritt: Flytt appseksjonen dit du ønsker på siden.
  10. Klikk på Lagre.

Legg til omtaler og omtaleskjemaet som en blokk

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
  2. Finn temaet du vil redigere og klikk på Tilpass.
  3. Naviger til siden og seksjonen du vil legge til blokken for omtaler og omtaleskjemaet.
  4. Klikk på Legg til blokk.
  5. Velg appblokken Omtaler fra rullegardinmenyen i Apper-seksjonen.
  6. Valgfritt: Flytt Omtaler-blokken dit du ønsker den i seksjonen.
  7. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer alle temaer.
  4. Finn temaet du vil redigere og klikk på Tilpass.
  5. Trykk på Rediger.
  6. Naviger til siden og seksjonen du vil legge til blokken for omtaler og omtaleskjemaet.
  7. Klikk på Legg til blokk.
  8. Velg appblokken Omtaler fra rullegardinmenyen i Apper-seksjonen.
  9. Valgfritt: Flytt Omtaler-blokken dit du ønsker den i seksjonen.
  10. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer alle temaer.
  4. Finn temaet du vil redigere og klikk på Tilpass.
  5. Trykk på Rediger.
  6. Naviger til siden og seksjonen du vil legge til blokken for omtaler og omtaleskjemaet.
  7. Klikk på Legg til blokk.
  8. Velg appblokken Omtaler fra rullegardinmenyen i Apper-seksjonen.
  9. Valgfritt: Flytt Omtaler-blokken dit du ønsker den i seksjonen.
  10. Klikk på Lagre.

Legg til stjernevurderinger i Online Store 2.0-temaer

Du kan legge til stjernevurderinger som en blokk i hovedproduktseksjonen i produktmalen. Dette alternativet er tilgjengelig i alle Online Store 2.0-temaer fra Shopify Theme Store. Det kan hende du kan legge dem til i andre seksjoner og maler, avhengig av tema.

Steg:

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
  2. Finn temaet du vil redigere og klikk på Tilpass.
  3. Gå til siden og seksjonen der du ønsker at stjernevurderingen skal vises.
  4. Klikk på Legg til blokk.
  5. Velg appblokken Stjernevurdering fra rullegardinmenyen i Apper-seksjonen.
  6. Valgfritt: Flytt blokken Stjernevurdering til det stedet du ønsker den i seksjonen, eller tilpass stjernefarge, størrelse, justering og kontekst.
  7. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer alle temaer.
  4. Finn temaet du vil redigere og klikk på Tilpass.
  5. Trykk på Rediger.
  6. Gå til siden og seksjonen der du ønsker at stjernevurderingen skal vises.
  7. Klikk på Legg til blokk.
  8. Velg appblokken Stjernevurdering fra rullegardinmenyen i Apper-seksjonen.
  9. Valgfritt: Flytt blokken Stjernevurdering til det stedet du ønsker den i seksjonen, eller tilpass stjernefarge, størrelse, justering og kontekst.
  10. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer alle temaer.
  4. Finn temaet du vil redigere og klikk på Tilpass.
  5. Trykk på Rediger.
  6. Gå til siden og seksjonen der du ønsker at stjernevurderingen skal vises.
  7. Klikk på Legg til blokk.
  8. Velg appblokken Stjernevurdering fra rullegardinmenyen i Apper-seksjonen.
  9. Valgfritt: Flytt blokken Stjernevurdering til det stedet du ønsker den i seksjonen, eller tilpass stjernefarge, størrelse, justering og kontekst.
  10. Klikk på Lagre.

Eldre kategoriserte temaer

Du kan legge til vurderinger, legge inn et vurderingsskjema og vise poengmerker for vurderinger på ulike sider i eldre kategoriserte temaer.

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

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
  2. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  3. I Deler-katalogen åpner du product-template.liquid.
  4. Finn området i koden der du ønsker at anmeldelsene skal vises. Dette er vanligvis under produktbeskrivelsen. Søk etter Liquid-taggen {{ product.description }} for å finne produktbeskrivelsen i filen.
  5. 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>
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. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  5. I Deler-katalogen åpner du product-template.liquid.
  6. Finn området i koden der du ønsker at anmeldelsene skal vises. Dette er vanligvis under produktbeskrivelsen. Søk etter Liquid-taggen {{ product.description }} for å finne produktbeskrivelsen i filen.
  7. 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>
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. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  5. I Deler-katalogen åpner du product-template.liquid.
  6. Finn området i koden der du ønsker at anmeldelsene skal vises. Dette er vanligvis under produktbeskrivelsen. Søk etter Liquid-taggen {{ product.description }} for å finne produktbeskrivelsen i filen.
  7. 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>
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. Klikk på Lagre.

Legg til vurderingsmerker i samlingssidene dine i seksjonerte temaer

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
  2. Finn temaet du vil redigere, og klikk på knappen … > Rediger kode.

  3. Åpne filen product-grid-item.liquid i katalogen Kodebiter. I noen temaer har denne filen et annet navn. Hvis du ikke finner product-grid-item.liquid, kan du se etter følgende:

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

  4. Finn området i koden der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis et sted under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ product.title }}.

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

Legg til vurderingsmerker på produktsiden i seksjonerte temaer

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
  2. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  3. I Deler-katalogen åpner du product-template.liquid.
  4. Finn området i koden der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis rett under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ product.title }}.
  5. 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>
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. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  5. I Deler-katalogen åpner du product-template.liquid.
  6. Finn området i koden der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis rett under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ product.title }}.
  7. 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>
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. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  5. I Deler-katalogen åpner du product-template.liquid.
  6. Finn området i koden der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis rett under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ product.title }}.
  7. 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>
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. Klikk på Lagre.

Legg til vurderingsmerker i de utvalgte produktene dine i seksjonerte temaer

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
  2. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  3. I Deler-katalogen åpner du featured-product.liquid-filen.
  4. Finn området i kodebiten der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis et sted under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ title }}. Hvis du ikke finner {{ title }}-taggen, kan du søke etter taggen {{ product.title }}.
  5. 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>
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. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  5. I Deler-katalogen åpner du featured-product.liquid-filen.
  6. Finn området i kodebiten der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis et sted under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ title }}. Hvis du ikke finner {{ title }}-taggen, kan du søke etter taggen {{ product.title }}.
  7. 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>
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. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  5. I Deler-katalogen åpner du featured-product.liquid-filen.
  6. Finn området i kodebiten der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis et sted under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ title }}. Hvis du ikke finner {{ title }}-taggen, kan du søke etter taggen {{ product.title }}.
  7. 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>
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. Klikk på Lagre.

Eldre ukategoriserte temaer

Du kan legge til vurderinger, legge inn et vurderingsskjema og vise poengmerker for vurderinger på ulike sider i eldre ikke-seksjonerte temaer.

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

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
  2. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  3. I Maler-katalogen åpner du product.liquid.
  4. Finn området i koden der du ønsker at anmeldelsene skal vises. Dette er vanligvis under produktbeskrivelsen. Søk etter Liquid-taggen {{ product.description }} for å finne produktbeskrivelsen i filen.
  5. 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>
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. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  5. I Maler-katalogen åpner du product.liquid.
  6. Finn området i koden der du ønsker at anmeldelsene skal vises. Dette er vanligvis under produktbeskrivelsen. Søk etter Liquid-taggen {{ product.description }} for å finne produktbeskrivelsen i filen.
  7. 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>
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. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  5. I Maler-katalogen åpner du product.liquid.
  6. Finn området i koden der du ønsker at anmeldelsene skal vises. Dette er vanligvis under produktbeskrivelsen. Søk etter Liquid-taggen {{ product.description }} for å finne produktbeskrivelsen i filen.
  7. 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>
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. Klikk på Lagre.

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

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
  2. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.

  3. Åpne product-grid-item.liquid i katalogen Kodebiter. I noen temaer har filen et annet navn. Hvis du ikke finner product-grid-item.liquid, kan du se etter en av følgende:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidHvis temaet ditt ikke har noen av de ovennevnte filene, kan du finne produktrutenettkoden i collection.liquid-filen i Maler-katalogen.

  4. Finn området i koden der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis et sted under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ product.title }}.

  5. 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>
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. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.

  5. Åpne product-grid-item.liquid i katalogen Kodebiter. I noen temaer har filen et annet navn. Hvis du ikke finner product-grid-item.liquid, kan du se etter en av følgende:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidHvis temaet ditt ikke har noen av de ovennevnte filene, kan du finne produktrutenettkoden i collection.liquid-filen i Maler-katalogen.

  6. Finn området i koden der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis et sted under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ product.title }}.

  7. 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>
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. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.

  5. Åpne product-grid-item.liquid i katalogen Kodebiter. I noen temaer har filen et annet navn. Hvis du ikke finner product-grid-item.liquid, kan du se etter en av følgende:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidHvis temaet ditt ikke har noen av de ovennevnte filene, kan du finne produktrutenettkoden i collection.liquid-filen i Maler-katalogen.

  6. Finn området i koden der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis et sted under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ product.title }}.

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

Legg til vurderingsmerker på produktsiden i ikke-inndelte temaer

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
  2. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  3. I Maler-katalogen åpner du product.liquid.
  4. Finn området i koden der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis rett under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ product.title }}.
  5. 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>
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. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  5. I Maler-katalogen åpner du product.liquid.
  6. Finn området i koden der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis rett under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ product.title }}.
  7. 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>
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. Klikk på Lagre.
  1. Trykk på …-knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  5. I Maler-katalogen åpner du product.liquid.
  6. Finn området i koden der du vil at anmeldelsesmerkene skal vises. Dette er vanligvis rett under produkttittelen. For å finne produkttittelen i filen, kan du søke etter Liquid-taggen {{ product.title }}.
  7. 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>
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. Klikk på Lagre.

Er du klar til å begynne å selge med Shopify?

Prøv det gratis