Brug af appen Product Reviews

Når du har installeret appen Product Reviews, kan du føje anmeldelsesformularer til dine produktsider og badges med score for anmeldelser til dine sider med produkter og kollektioner.

Trinnene i dette selvstudium er forskellige, afhængigt af om du bruger tema med sektioner eller uden sektioner. Et tema med sektioner er et nyere tema, hvor du kan arrangere layoutet på din butiks sider ved at trække og slippe elementer.

Du kan finde ud af, om dit tema understøtter sektioner, ved at gå til temaets side Rediger kode. Hvis der er filer i mappen Sektioner, bruger du et tema med sektioner. Temaer uden sektioner blev udgivet før oktober 2016 og har ikke filer i mappen Sektioner.

Hvis du bruger et tema med sektioner, skal du klikke på knappen Temaer med sektioner og følge instruktionerne. Hvis du bruger et ældre tema uden sektioner, skal du klikke på knappen Temaer uden sektioner og følge instruktionerne.

Føj anmeldelser og en anmeldelsesformular til din produktside i temaer med sektioner

Hvis du vil føje anmeldelsesformularer til dine produktsider, skal du gøre følgende:

  1. Åbn product-template.liquid i mappen Afsnit.

  2. Find området i den kode, hvor du vil have anmeldelserne vist. Normalt vises de under produktbeskrivelsen. Hvis du vil finde din produktbeskrivelse i filen, skal du søge efter Liquid-tagget {{ product.description }}.

  3. Under den kode, der indeholder Liquid-tagget {{ product.description }}, skal du indsætte følgende kodestykke:

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

Placeringen af din kode ser muligvis nogenlunde sådan her ud:

<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 på Gem.

Føj badges med score til dine sider med kollektion i temaer med sektioner

Fremgangsmåde:

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Find det tema, du vil redigere, og klik derefter på Handlinger > Rediger kode.

  3. Åbn filen product-grid-item.liquid i mappen Kodestykker.

    I nogle temaer har denne fil et andet navn. Hvis du ikke kan finde product-grid-item.liquid, skal du kigge efter en af følgende:

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

  1. Find området i den kode, hvor du vil have dine badges med score for anmeldelser vist. Normalt vises de et sted under produkttitlen. Hvis du vil finde din produkttitel i filen, skal du søge efter Liquid-tagget {{ product.title }}.

  2. På en ny linje under den kode, der indeholder Liquid-tagget {{ product.title }}, skal du indsætte følgende kodestykke:

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

Placeringen af din kode ser muligvis nogenlunde sådan her ud:

<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 at anbringe koden forskellige steder i filen for at se, hvad, du synes, fungerer bedst.

  1. Klik på Gem.

Føj badges til score for anmeldelser til din produktside i temaer med sektioner

Hvis du vil føje badges med score for anmeldelser til dine produktsider, skal du gøre følgende:

  1. Åbn product-template.liquid i mappen Afsnit.

  2. Find området i den kode, hvor du vil have dine badges med score for anmeldelser vist. Normalt vises de lige under produkttitlen. Hvis du vil finde din produkttitel i filen, skal du søge efter Liquid-tagget {{ product.title }}.

  3. På en ny linje under den kode, der indeholder Liquid-tagget {{ product.title }}, skal du indsætte følgende kodestykke:

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

Placeringen af din kode ser muligvis nogenlunde sådan her ud:

<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 at anbringe koden forskellige steder i filen for at se, hvad, du synes, fungerer bedst.

  1. Klik på Gem.

Føj badges med score for anmeldelser til dit udvalgte produkt i temaer med sektioner

Bemærk: Hvis du bruger Venture, anbefales det ikke at placere badges med score for anmeldelser på dit udvalgte produkt.

Hvis du vil føje badges med score for anmeldelser til et udvalgt produkt på din startside:

  1. Åbn filen featured-product.liquid i mappen Afsnit.

  2. Find området i kodestykket, hvor du vil have dine badges med score for anmeldelser vist. Normalt er dette et sted under produkttitlen. Hvis du vil finde din produkttitel i filen, skal du søge efter Liquid-tagget {{ title }}. Hvis du ikke kan finde tagget {{ title }}, skal du søge efter tagget {{ product.title }}.

  3. På en ny linje under den kode, der indeholder Liquid-tagget {{ product.title }}, skal du indsætte følgende kodestykke:

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

Placeringen af din kode ser muligvis nogenlunde sådan her ud:

<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 at anbringe koden forskellige steder i filen for at se, hvad, du synes, fungerer bedst.

  1. Klik på Gem.

Føj anmeldelser og en anmeldelsesformular til din produktside i temaer uden sektioner

Hvis du vil føje anmeldelsesformularer til dine produktsider, skal du gøre følgende:

  1. I mappen Skabeloner skal du åbne product.liquid.

  2. Find området i den kode, hvor du vil have anmeldelserne vist. Normalt vises de under produktbeskrivelsen. Hvis du vil finde din produktbeskrivelse i filen, skal du søge efter Liquid-tagget {{ product.description }}.

  3. Under den kode, der indeholder Liquid-tagget {{ product.description }}, skal du indsætte følgende kodestykke:

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

Placeringen af din kode ser muligvis nogenlunde sådan her ud:

<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 på Gem.

Føj badges med score for anmeldelser til dine sider med kollektioner i temaer uden sektioner

Hvis du vil føje badges med score for anmeldelser til dine sider med kollektioner:

  1. I mappen Kodestykker skal du åbne product-grid-item.liquid.

    I nogle temaer har denne fil et andet navn. Hvis du ikke kan finde product-grid-item.liquid, skal du kigge efter en af følgende:

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

Hvis dit tema ikke har nogen af de ovennævnte filer, kan du finde gitterkoden for dit produkt i filen collection.liquid i mappen Skabeloner.

  1. Find området i den kode, hvor du vil have dine badges med score for anmeldelser vist. Normalt vises de et sted under produkttitlen. Hvis du vil finde din produkttitel i filen, skal du søge efter Liquid-tagget {{ product.title }}.

  2. På en ny linje under den kode, der indeholder Liquid-tagget {{ product.title }}, skal du indsætte følgende kodestykke:

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

Placeringen af din kode ser muligvis nogenlunde sådan her ud:

<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 at anbringe koden forskellige steder i filen for at se, hvad, du synes, fungerer bedst.

  1. Klik på Gem.

Føj badges med score for anmeldelser til din produktside i temaer uden sektioner

Hvis du vil føje badges med score for anmeldelser til dine produktsider, skal du gøre følgende:

  1. I mappen Skabeloner skal du åbne product.liquid.

  2. Find området i den kode, hvor du vil have dine badges med score for anmeldelser vist. Normalt vises de lige under produkttitlen. Hvis du vil finde din produkttitel i filen, skal du søge efter Liquid-tagget {{ product.title }}.

  3. På en ny linje under den kode, der indeholder Liquid-tagget {{ product.title }}, skal du indsætte følgende kodestykke:

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

Placeringen af din kode ser muligvis nogenlunde sådan her ud:

<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 at anbringe koden forskellige steder i filen for at se, hvad, du synes, fungerer bedst.

  1. Klik på Gem.

Er du klar til at begynde at sælge med Shopify?

Prøv det gratis