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 tutoriala różnią się w zależności od wersji architektury szablonu.
Kliknij przycisk dla wersji architektury szablonu, a następnie postępuj zgodnie z instrukcjami, aby dodać elementy recenzji do swojego sklepu online.
Dodaj recenzje i formularz recenzji w szablonach Online Store 2.0
Możesz dodać blok aplikacji recenzji i formularza recenzji jako sekcję w szablonie produktu lub jako blok w głównej sekcji produktu szablonu produktu. Te opcje są dostępne we wszystkich szablonach Online Store 2.0 ze Sklepu z aplikacjami Shopify. Możesz dodać je do innych szablonów lub sekcji, w zależności od szablonu.
Dodaj recenzje i formularz recenzji jako sekcję
- Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
- Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
- W aplikacji Shopify naciśnij Sklep.
- W sekcji Kanały sprzedaży naciśnij Sklep online.
- Naciśnij Zarządzaj szablonami.
- Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
- Naciśnij Edytuj.
- W aplikacji Shopify naciśnij Sklep.
- W sekcji Kanały sprzedaży naciśnij Sklep online.
- Naciśnij Zarządzaj szablonami.
- Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
- Naciśnij Edytuj.
- Przejdź do szablonu produktu, do którego chcesz dodać sekcję recenzji i formularza recenzji.
- Kliknij opcję Dodaj sekcję.
- Z menu rozwijanego w sekcji Aplikacje wybierz blok aplikacji Recenzje.
- Opcjonalnie: Przenieś sekcję aplikacji do miejsca, w którym ma być ona na stronie.
- Kliknij opcję Zapisz.
Dodaj recenzje i formularz recenzji jako blok
- Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
- Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
- W aplikacji Shopify naciśnij Sklep.
- W sekcji Kanały sprzedaży naciśnij Sklep online.
- Naciśnij Zarządzaj szablonami.
- Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
- Naciśnij Edytuj.
- W aplikacji Shopify naciśnij Sklep.
- W sekcji Kanały sprzedaży naciśnij Sklep online.
- Naciśnij Zarządzaj szablonami.
- Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
- Naciśnij Edytuj.
- Przejdź do strony i sekcji, w której chcesz dodać blok recenzji i formularza recenzji.
- Kliknij Dodaj blok.
- Z menu rozwijanego w sekcji Aplikacje wybierz blok aplikacji Recenzje.
- Opcjonalnie: Przenieś blok Recenzje do wybranego miejsca w sekcji.
- Kliknij opcję Zapisz.
Dodaj oceny w gwiazdkach w szablonach Online Store 2.0
Możesz dodać oceny w gwiazdkach jako blok w głównej sekcji produktu w szablonie produktu. Ta opcja jest dostępna we wszystkich szablonach Online Store 2.0 ze Sklepu z aplikacjami Shopify. Możesz dodać je do innych sekcji i szablonów, w zależności od szablonu.
- Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
- Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
- W aplikacji Shopify naciśnij Sklep.
- W sekcji Kanały sprzedaży naciśnij Sklep online.
- Naciśnij Zarządzaj szablonami.
- Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
- Naciśnij Edytuj.
- W aplikacji Shopify naciśnij Sklep.
- W sekcji Kanały sprzedaży naciśnij Sklep online.
- Naciśnij Zarządzaj szablonami.
- Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
- Naciśnij Edytuj.
- Przejdź do strony i sekcji, w której chcesz dodać ocenę w gwiazdkach.
- Kliknij Dodaj blok.
- Z rozwijanego menu w sekcji Aplikacje wybierz blok aplikacji Ocena w gwiazdkach.
- Opcjonalnie: Przenieś blok Ocena w gwiazdkach do wybranego miejsca w sekcji, lub dostosuj kolor gwiazdki, wielkość, wyrównanie i kontekst.
- Kliknij opcję Zapisz.
Dodaj recenzje i formularz recenzji do strony produktu w szablonach z sekcjami
Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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>
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>
- Kliknij opcję Zapisz.
Dodaj znaczki wynikowe recenzji do stron kolekcji w szablonach z sekcjami
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
.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 Liquid
{{ 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>
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.
- 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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 Liquid
{{ 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>
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.
- 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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 Liquid
{{ title }}
. 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>
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.
- 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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>
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>
- 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
W katalogu Fragmenty kodu otwórz
product-grid-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 Liquid
{{ 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>
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.
- 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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ź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij 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 Liquid
{{ 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>
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.
- Kliknij opcję Zapisz.