De Product Reviews-app gebruiken

Deze pagina is afgedrukt op Dec 10, 2023. Ga voor de huidige versie naar https://help.shopify.com/nl/manual/products/product-reviews/installation.

Je kunt beoordelingsformulieren aan je productpagina's en beoordelingsscorebadges aan je product- en collectiepagina's toevoegen.

De stappen voor deze tutorial verschillen, afhankelijk van je versie van je thema-architectuur.

Klik op de knop voor de versie van je thema-architectuur en volg de instructies om beoordelingselementen toe te voegen aan je onlinewinkel.

Op deze pagina

Beoordelingen en een beoordelingsformulier toevoegen in Online Store 2.0-thema's

Je kunt het app-blok voor de beoordeling en het beoordelingsformulier toevoegen als een sectie op je producttemplate of als een blok in de hoofdproductsectie van het producttemplate. Deze opties zijn beschikbaar in alle Online Store 2.0-thema's uit de Shopify Theme Store. Je kunt ze mogelijk toevoegen aan andere templates of secties, afhankelijk van je thema.

Beoordelingen en het beoordelingsformulier toevoegen als sectie

  1. Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Ga naar het producttemplate waar je de sectie beoordeling en beoordelingsformulier wilt toevoegen.
  4. Klik op sectie toevoegen.
  5. Selecteer in de vervolgkeuzelijst in de sectie Apps het app-blok Beoordelingen.
  6. Optioneel: verplaats de app-sectie naar de plaats waar je het op de pagina wilt hebben.
  7. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op bewerken.
  6. Ga naar het producttemplate waar je de sectie beoordeling en beoordelingsformulier wilt toevoegen.
  7. Klik op sectie toevoegen.
  8. Selecteer in de vervolgkeuzelijst in de sectie Apps het app-blok Beoordelingen.
  9. Optioneel: verplaats de app-sectie naar de plaats waar je het op de pagina wilt hebben.
  10. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op bewerken.
  6. Ga naar het producttemplate waar je de sectie beoordeling en beoordelingsformulier wilt toevoegen.
  7. Klik op sectie toevoegen.
  8. Selecteer in de vervolgkeuzelijst in de sectie Apps het app-blok Beoordelingen.
  9. Optioneel: verplaats de app-sectie naar de plaats waar je het op de pagina wilt hebben.
  10. Klik op Opslaan.

Beoordelingen en het beoordelingsformulier als blok toevoegen

  1. Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Navigeer naar de pagina en de sectie waar je het blok voor de beoordeling en het beoordelingsformulier wilt toevoegen.
  4. Klik op Blok toevoegen.
  5. Selecteer in de vervolgkeuzelijst in de sectie Apps het app-blok Beoordelingen.
  6. Optioneel: verplaats het blok Beoordelingen naar de plaats waar je het in de sectie wilt hebben.
  7. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op bewerken.
  6. Navigeer naar de pagina en de sectie waar je het blok voor de beoordeling en het beoordelingsformulier wilt toevoegen.
  7. Klik op Blok toevoegen.
  8. Selecteer in de vervolgkeuzelijst in de sectie Apps het app-blok Beoordelingen.
  9. Optioneel: verplaats het blok Beoordelingen naar de plaats waar je het in de sectie wilt hebben.
  10. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op bewerken.
  6. Navigeer naar de pagina en de sectie waar je het blok voor de beoordeling en het beoordelingsformulier wilt toevoegen.
  7. Klik op Blok toevoegen.
  8. Selecteer in de vervolgkeuzelijst in de sectie Apps het app-blok Beoordelingen.
  9. Optioneel: verplaats het blok Beoordelingen naar de plaats waar je het in de sectie wilt hebben.
  10. Klik op Opslaan.

Sterwaarderingen toevoegen aan Online Store 2.0-thema's

Je kunt sterwaarderingen als blok toevoegen in de hoofdproductsectie van het producttemplate. Deze optie is beschikbaar in alle Online Store 2.0-thema's uit de Shopify Theme Store. Je kunt ze mogelijk toevoegen aan andere secties en templates, afhankelijk van je thema.

Stappen:

  1. Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Navigeer naar de pagina en sectie waar je de sterwaardering wilt toevoegen.
  4. Klik op Blok toevoegen.
  5. Selecteer in de vervolgkeuzelijst in de sectie Apps het app-blok sterwaardering.
  6. Optioneel: verplaats het blok Sterwaardering naar de gepersonaliseerde plaats in de sectie, of pas de kleur, grootte, uitlijning en context van de ster aan.
  7. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op bewerken.
  6. Navigeer naar de pagina en sectie waar je de sterwaardering wilt toevoegen.
  7. Klik op Blok toevoegen.
  8. Selecteer in de vervolgkeuzelijst in de sectie Apps het app-blok sterwaardering.
  9. Optioneel: verplaats het blok Sterwaardering naar de gepersonaliseerde plaats in de sectie, of pas de kleur, grootte, uitlijning en context van de ster aan.
  10. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op bewerken.
  6. Navigeer naar de pagina en sectie waar je de sterwaardering wilt toevoegen.
  7. Klik op Blok toevoegen.
  8. Selecteer in de vervolgkeuzelijst in de sectie Apps het app-blok sterwaardering.
  9. Optioneel: verplaats het blok Sterwaardering naar de gepersonaliseerde plaats in de sectie, of pas de kleur, grootte, uitlijning en context van de ster aan.
  10. Klik op Opslaan.

Beoordelingen en een beoordelingsformulier aan je productpagina toevoegen in thema's met secties

  1. Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
  2. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  3. Open product-template.liquid in de directory Secties.
  4. Zoek in de code het gebied op waar je je beoordelingen wilt weergeven. Meestal is dit onder de productbeschrijving. Zoek de productbeschrijving in het bestand op door naar de Liquid-tag {{ product.description }} te zoeken.
  5. Plak het volgende fragment onder de code die de Liquid-tag {{ product.description }} bevat: 
<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. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  5. Open product-template.liquid in de directory Secties.
  6. Zoek in de code het gebied op waar je je beoordelingen wilt weergeven. Meestal is dit onder de productbeschrijving. Zoek de productbeschrijving in het bestand op door naar de Liquid-tag {{ product.description }} te zoeken.
  7. Plak het volgende fragment onder de code die de Liquid-tag {{ product.description }} bevat: 
<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. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  5. Open product-template.liquid in de directory Secties.
  6. Zoek in de code het gebied op waar je je beoordelingen wilt weergeven. Meestal is dit onder de productbeschrijving. Zoek de productbeschrijving in het bestand op door naar de Liquid-tag {{ product.description }} te zoeken.
  7. Plak het volgende fragment onder de code die de Liquid-tag {{ product.description }} bevat: 
<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. Klik op Opslaan.

Beoordelingsscorebadges aan je collectiepagina's toevoegen in thema's met secties

  1. Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik op de knop ... > Code bewerken.

  3. Open product-grid-item.liquid in de directory Fragmenten. In sommige thema's heeft dit bestand een andere naam. Als je product-grid-item.liquid niet kunt vinden, zoek je naar een van de volgende bestanden:

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

  4. Zoek in de code het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit ergens onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ product.title }} te zoeken.

  5. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat:

<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. Klik op Opslaan.

Beoordelingsscorebadges aan je productpagina toevoegen in thema's met secties

  1. Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
  2. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  3. Open product-template.liquid in de directory Secties.
  4. Zoek in de code het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit net onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ product.title }} te zoeken.
  5. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat: 
<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. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  5. Open product-template.liquid in de directory Secties.
  6. Zoek in de code het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit net onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ product.title }} te zoeken.
  7. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat: 
<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. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  5. Open product-template.liquid in de directory Secties.
  6. Zoek in de code het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit net onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ product.title }} te zoeken.
  7. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat: 
<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. Klik op Opslaan.

Beoordelingsscorebadges aan je uitgelichte product toevoegen in thema's met secties

  1. Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
  2. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  3. Opent het bestand featured-product.liquid in de directory Secties.
  4. Zoek in het fragment het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit ergens onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ title }} te zoeken. Als je de tag {{ title }} niet kunt vinden, zoek naar de tag {{ product.title }}.
  5. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat: 
<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. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  5. Opent het bestand featured-product.liquid in de directory Secties.
  6. Zoek in het fragment het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit ergens onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ title }} te zoeken. Als je de tag {{ title }} niet kunt vinden, zoek naar de tag {{ product.title }}.
  7. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat: 
<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. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  5. Opent het bestand featured-product.liquid in de directory Secties.
  6. Zoek in het fragment het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit ergens onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ title }} te zoeken. Als je de tag {{ title }} niet kunt vinden, zoek naar de tag {{ product.title }}.
  7. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat: 
<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. Klik op Opslaan.

Beoordelingen en een beoordelingsformulier aan je productpagina toevoegen in thema's zonder secties

  1. Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
  2. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  3. Open product.liquid in de directory Templates.
  4. Zoek in de code het gebied op waar je je beoordelingen wilt weergeven. Meestal is dit onder de productbeschrijving. Zoek de productbeschrijving in het bestand op door naar de Liquid-tag {{ product.description }} te zoeken.
  5. Plak het volgende fragment onder de code die de Liquid-tag {{ product.description }} bevat: 
<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. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  5. Open product.liquid in de directory Templates.
  6. Zoek in de code het gebied op waar je je beoordelingen wilt weergeven. Meestal is dit onder de productbeschrijving. Zoek de productbeschrijving in het bestand op door naar de Liquid-tag {{ product.description }} te zoeken.
  7. Plak het volgende fragment onder de code die de Liquid-tag {{ product.description }} bevat: 
<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. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  5. Open product.liquid in de directory Templates.
  6. Zoek in de code het gebied op waar je je beoordelingen wilt weergeven. Meestal is dit onder de productbeschrijving. Zoek de productbeschrijving in het bestand op door naar de Liquid-tag {{ product.description }} te zoeken.
  7. Plak het volgende fragment onder de code die de Liquid-tag {{ product.description }} bevat: 
<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. Klik op Opslaan.

Beoordelingsscorebadges aan je collectiepagina's toevoegen in thema's zonder secties

  1. Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
  2. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.

  3. Open product-grid-item.liquid in de directory Fragmenten. In sommige thema's heeft dit bestand een andere naam. Als je product-grid-item.liquid niet kunt vinden, zoek je naar een van de volgende bestanden:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidAls je thema geen van de bovenstaande bestanden bevat, kun je de productgridcode mogelijk vinden in het bestand collection.liquid in de map Templates.

  4. Zoek in de code het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit ergens onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ product.title }} te zoeken.

  5. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat:

<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. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.

  5. Open product-grid-item.liquid in de directory Fragmenten. In sommige thema's heeft dit bestand een andere naam. Als je product-grid-item.liquid niet kunt vinden, zoek je naar een van de volgende bestanden:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidAls je thema geen van de bovenstaande bestanden bevat, kun je de productgridcode mogelijk vinden in het bestand collection.liquid in de map Templates.

  6. Zoek in de code het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit ergens onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ product.title }} te zoeken.

  7. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat:

<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. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.

  5. Open product-grid-item.liquid in de directory Fragmenten. In sommige thema's heeft dit bestand een andere naam. Als je product-grid-item.liquid niet kunt vinden, zoek je naar een van de volgende bestanden:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidAls je thema geen van de bovenstaande bestanden bevat, kun je de productgridcode mogelijk vinden in het bestand collection.liquid in de map Templates.

  6. Zoek in de code het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit ergens onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ product.title }} te zoeken.

  7. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat:

<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. Klik op Opslaan.

Beoordelingsscorebadges aan je productpagina toevoegen in thema's zonder secties

  1. Ga in het Shopify-beheercentrum naar Onlinewinkel > Thema's.
  2. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  3. Open product.liquid in de directory Templates.
  4. Zoek in de code het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit net onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ product.title }} te zoeken.
  5. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat: 
<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. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  5. Open product.liquid in de directory Templates.
  6. Zoek in de code het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit net onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ product.title }} te zoeken.
  7. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat: 
<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. Klik op Opslaan.
  1. Tik in de Shopify-app op de knop ….
  2. Tik in het gedeelte Verkoopkanalen op Onlinewinkel.
  3. Tik op Thema's beheren.
  4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.
  5. Open product.liquid in de directory Templates.
  6. Zoek in de code het gebied op waar je je beoordelingsscorebadges wilt weergeven. Meestal is dit net onder de producttitel. Zoek de productitel in het bestand op door naar de Liquid-tag {{ product.title }} te zoeken.
  7. Plak het volgende fragment op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat: 
<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. Klik op Opslaan.

Klaar om te beginnen met verkopen met Shopify?

Probeer het gratis