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:
Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W katalogu Sekcje kliknij
product-template.liquid
.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.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>
- Kliknij opcję Zapisz.
Dodaj znaczki wynikowe recenzji do stron kolekcji w szablonach z sekcjami
Kroki:
Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
-
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-grid.liquid
- product-card.liquid
- product-card-item.liquid
- product-block.liquid
- product-item.liquid
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.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-itemimage" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
<div class="h4 grid-view-itemtitle">{{ product.title }}</div>
{% if section.settings.show_vendor %}
<div class="grid-view-itemvendor">{{ 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.
- Kliknij opcję Zapisz.
Dodaj znaczki wynikowe recenzji do strony produktu w szablonach z sekcjami
Aby dodać znaczki wynikowe recenzji do stron produktu:
Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W katalogu Sekcje kliknij
product-template.liquid
.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.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.
- 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:
Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W katalogu Sekcje otwórz plik
featured-product.liquid
.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 }}
.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.
- Kliknij opcję Zapisz.
Dodaj recenzje i formularz recenzji do strony produktu w szablonach bez sekcji
Aby dodać formularze recenzji do stron produktów:
Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W katalogu Szablony otwórz
product.liquid
.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.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>
- Kliknij opcję Zapisz.
Dodaj znaczki wynikowe recenzji do stron kolekcji w szablonach bez sekcji
Aby dodać znaczki wynikowe recenzji do stron kolekcji:
Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
-
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.
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.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-itemimage" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
<div class="h4 grid-view-itemtitle">{{ product.title }}</div>
{% if section.settings.show_vendor %}
<div class="grid-view-itemvendor">{{ 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.
- Kliknij opcję Zapisz.
Dodaj znaczki wynikowe recenzji do strony produktu w szablonach bez sekcji
Aby dodać znaczki wynikowe recenzji do stron produktu:
Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W katalogu Szablony otwórz
product.liquid
.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.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.
- Kliknij opcję Zapisz.