Korzystanie z aplikacji Product Reviews

Po zainstalowaniu aplikacji Product Reviews możesz dodawać formularze recenzji do stron produktów i znaczki wynikowe recenzji na stronach produktów i kolekcji.

Kroki tego tutorialu są różne w zależności od tego, czy używasz szablonu z sekcjami czy bez sekcji. Szablon z sekcjami jest nowszym szablonem, który pozwala przeciągać i upuszczać elementy w celu organizowania układu stron Twojego sklepu.

Aby ustalić, czy Twój szablon obsługuje sekcje, przejdź do strony Edytuj kod. Jeśli w katalogu Sekcje są pliki, używasz szablonu z sekcjami. Szablony bez sekcji zostały zatwierdzone przed październikiem 2016 roku i nie zawierają plików w katalogu*Sekcje*.

Jeśli używasz szablonu z sekcjami, kliknij przycisk Szablony z sekcjami i zastosuj się do instrukcji. Jeśli używasz starszego szablonu, niezawierającego sekcji, kliknij przycisk Szablony bez sekcji i zastosuj się do instrukcji.

Dodaj recenzje i formularz recenzji do strony produktu w szablonach z sekcjami

Aby dodać formularze recenzji do stron produktów:

  1. W katalogu Sekcje kliknij product-template.liquid.

  2. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje recenzje. Zazwyczaj jest to obszar pod opisem produktu. Aby znaleźć opis produktu w pliku, wyszukaj tag {{ product.description }} Liquid.

  3. Pod kodem zawierającym tag {{ product.description }} Liquid wklej następujący fragment kodu:

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

Położenie kodu może wyglądać mniej więcej tak:

<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. Kliknij opcję Zapisz.

Dodaj znaczki wynikowe recenzji do stron kolekcji w szablonach z sekcjami

Kroki:

  1. Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.

  2. Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.

  3. W katalogu Fragmenty kodu otwórz plik product-grid-item.liquid.

    W niektórych szablonach ten plik ma inną nazwę. Jeśli nie możesz znaleźć product-grid-item.liquid, poszukaj jednego z poniższych:

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

  1. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki wynikowe recenzji. Zazwyczaj jest to obszar pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag {{ product.title }} Liquid.

  2. W nowej linii poniżej kodu, który zawiera tag {{ product.title }} Liquid, wklej następujący fragment kodu:

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

Położenie kodu może wyglądać mniej więcej tak:

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

Możesz eksperymentować z umieszczaniem kodu w różnych miejscach w pliku, aby zobaczyć, które najbardziej Ci odpowiada.

  1. Kliknij opcję Zapisz.

Dodaj znaczki wynikowe recenzji do strony produktu w szablonach z sekcjami

Aby dodać znaczki wynikowe recenzji do stron produktu:

  1. W katalogu Sekcje kliknij product-template.liquid.

  2. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki wynikowe recenzji. Zazwyczaj jest to obszar tuż pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag {{ product.title }} Liquid.

  3. W nowej linii poniżej kodu, który zawiera tag {{ product.title }} Liquid, wklej następujący fragment kodu:

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

Położenie kodu może wyglądać mniej więcej tak:

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

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

Możesz eksperymentować z umieszczaniem kodu w różnych miejscach w pliku, aby zobaczyć, które najbardziej Ci odpowiada.

  1. Kliknij opcję Zapisz.

Dodaj znaczki wynikowe recenzji do polecanego produktu w szablonach z sekcjami

Aby dodać znaczki wynikowe recenzji do polecanego produktu na stronie głównej:

  1. W katalogu Sekcje otwórz plik featured-product.liquid.

  2. Znajdź obszar we fragmencie kodu, w którym mają pojawić się znaczki wynikowe recenzji. Zazwyczaj jest to obszar pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag {{ title }} Liquid. Jeśli nie możesz znaleźć tagu {{ title }}, wyszukaj tag {{ product.title }}.

  3. W nowej linii poniżej kodu, który zawiera tag {{ product.title }} Liquid, wklej następujący fragment kodu:

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

Położenie kodu może wyglądać mniej więcej tak:

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

Możesz eksperymentować z umieszczaniem kodu w różnych miejscach w pliku, aby zobaczyć, które najbardziej Ci odpowiada.

  1. Kliknij opcję Zapisz.

Dodaj recenzje i formularz recenzji do strony produktu w szablonach bez sekcji

Aby dodać formularze recenzji do stron produktów:

  1. W katalogu Szablony otwórz product.liquid.

  2. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje recenzje. Zazwyczaj jest to obszar pod opisem produktu. Aby znaleźć opis produktu w pliku, wyszukaj tag {{ product.description }} Liquid.

  3. Pod kodem zawierającym tag {{ product.description }} Liquid wklej następujący fragment kodu:

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

Położenie kodu może wyglądać mniej więcej tak:

<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. Kliknij opcję Zapisz.

Dodaj znaczki wynikowe recenzji do stron kolekcji w szablonach bez sekcji

Aby dodać znaczki wynikowe recenzji do stron kolekcji:

  1. W katalogu Fragmenty kodu otwórz product-grid-item.liquid.

    W niektórych szablonach ten plik ma inną nazwę. Jeśli nie możesz znaleźć product-grid-item.liquid, poszukaj jednego z poniższych:

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

Jeśli dla Twojego szablonu nie istnieje żaden z powyższych plików, kod siatki produktu można znaleźć w pliku collection.liquid w katalogu Szablony.

  1. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki wynikowe recenzji. Zazwyczaj jest to obszar pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag {{ product.title }} Liquid.

  2. W nowej linii poniżej kodu, który zawiera tag {{ product.title }} Liquid, wklej następujący fragment kodu:

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

Położenie kodu może wyglądać mniej więcej tak:

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

Możesz eksperymentować z umieszczaniem kodu w różnych miejscach w pliku, aby zobaczyć, które najbardziej Ci odpowiada.

  1. Kliknij opcję Zapisz.

Dodaj znaczki wynikowe recenzji do strony produktu w szablonach bez sekcji

Aby dodać znaczki wynikowe recenzji do stron produktu:

  1. W katalogu Szablony otwórz product.liquid.

  2. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki wynikowe recenzji. Zazwyczaj jest to obszar tuż pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag {{ product.title }} Liquid.

  3. W nowej linii poniżej kodu, który zawiera tag {{ product.title }} Liquid, wklej następujący fragment kodu:

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

Położenie kodu może wyglądać mniej więcej tak:

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

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

Możesz eksperymentować z umieszczaniem kodu w różnych miejscach w pliku, aby zobaczyć, które najbardziej Ci odpowiada.

  1. Kliknij opcję Zapisz.

Gotowy(-a) do rozpoczęcia sprzedaży za pomocą Shopify?

Wypróbuj za darmo