De Product Reviews-app gebruiken

Nadat u de Product Reviews-app hebt geïnstalleerd, kunt u beoordelingsformulieren aan je beoordelingsscorebadges aan je product- en collectiepagina's toevoegen.

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

Beoordelingsformulieren aan uw productpagina's toevoegen:

  1. Open product-template.liquid in de directory Secties.

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

  3. Onder de code die de Liquid-tag {{ product.description }} bevat, plak je het volgende fragment:

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

De code ziet er dan ongeveer zo uit:

<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 uw collectiepagina's toevoegen in thema's met secties

Stappen:

  1. Ga in de Shopify-beheerder naar Online winkel > Thema's.

  2. Zoek het thema dat u wilt bewerken en klik vervolgens op Acties > 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, zoekt je naar een van de volgende bestanden:

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

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

  2. Op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat, plakt u het volgende fragment:

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

De code ziet er dan ongeveer zo uit:

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

Je kunt experimenteren met het plaatsen van de code op verschillende plaatsen in het bestand om te bepalen welke locatie u het meest bevalt.

  1. Klik op Opslaan.

Beoordelingsscorebadges aan je productpagina toevoegen in thema's met secties

Beoordelingsscorebadges aan uw productpagina's toevoegen:

  1. Open product-template.liquid in de directory Secties.

  2. Zoek in de code het gebied op waar u uw beoordelingsscorebadges wilt weergeven. Meestal is dit net onder de producttitel. Zoek de producttitel in het bestand op door naar de Liquid-tag {{ product.title }} te zoeken.

  3. Op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat, plakt u het volgende fragment:

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

De code ziet er dan ongeveer zo uit:

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

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

Je kunt experimenteren met het plaatsen van de code op verschillende plaatsen in het bestand om te bepalen welke locatie u het meest bevalt.

  1. Klik op Opslaan.

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

Beoordelingsscorebadges aan uw uitgelichte product op de startpagina toevoegen:

  1. Opent het bestand featured-product.liquid in de directory Secties.

  2. Zoek in het fragment het gebied op waar u uw 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 u de tag {{ title }} niet kunt vinden, zoekt u naar de tag {{ product.title }}.

  3. Op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat, plakt u het volgende fragment:

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

De code ziet er dan ongeveer zo uit:

<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 %}

Je kunt experimenteren met het plaatsen van de code op verschillende plaatsen in het bestand om te bepalen welke locatie u het meest bevalt.

  1. Klik op Opslaan.

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

Beoordelingsformulieren aan uw productpagina's toevoegen:

  1. Open product.liquid in de directory Sjablonen.

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

  3. Onder de code die de Liquid-tag {{ product.description }} bevat, plak je het volgende fragment:

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

De code ziet er dan ongeveer zo uit:

<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

Beoordelingsscorebadges aan je collectiepagina's toevoegen:

  1. 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, zoekt je naar een van de volgende bestanden:

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

Als uw thema geen van de bovenstaande bestanden bevat, kunt u de productrastercode mogelijk vinden in het bestand collection.liquid in de map Sjablonen.

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

  2. Op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat, plakt u het volgende fragment:

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

De code ziet er dan ongeveer zo uit:

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

Je kunt experimenteren met het plaatsen van de code op verschillende plaatsen in het bestand om te bepalen welke locatie u het meest bevalt.

  1. Klik op Opslaan.

Beoordelingsscorebadges aan uw productpagina toevoegen in thema's zonder secties

Beoordelingsscorebadges aan uw productpagina's toevoegen:

  1. Open product.liquid in de directory Sjablonen.

  2. Zoek in de code het gebied op waar u uw beoordelingsscorebadges wilt weergeven. Meestal is dit net onder de producttitel. Zoek de producttitel in het bestand op door naar de Liquid-tag {{ product.title }} te zoeken.

  3. Op een nieuwe regel onder de code die de Liquid-tag {{ product.title }} bevat, plakt u het volgende fragment:

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

De code ziet er dan ongeveer zo uit:

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

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

Je kunt experimenteren met het plaatsen van de code op verschillende plaatsen in het bestand om te bepalen welke locatie u het meest bevalt.

  1. Klik op Opslaan.

Klaar om te beginnen met verkopen met Shopify?

Probeer het gratis