Korzystanie z aplikacji Product Reviews

Ta strona została wydrukowana dnia Apr 26, 2024. Aby zapoznać się z aktualną wersją, odwiedź https://help.shopify.com/pl/manual/products/product-reviews/installation.

Możesz dodawać formularze recenzji do stron produktów i znaczki średniej oceny z recenzji do stron produktów i kolekcji. Kroki tego tutoriala różnią się w zależności od wersji architektury szablonu. Postępuj zgodnie z instrukcjami opartymi na wersji architektury szablonu, aby dodać elementy recenzji do swojego sklepu online.

Na tej stronie

Szablony Online Store 2.0

W szablonach Online Store 2.0 możesz dodawać recenzje, dołączać formularz recenzji i wyświetlać oceny w formie gwiazdek.

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ę

  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
  3. Przejdź do szablonu produktu, do którego chcesz dodać sekcję recenzji i formularza recenzji.
  4. Kliknij opcję Dodaj sekcję.
  5. Z menu rozwijanego w sekcji Aplikacje wybierz blok aplikacji Recenzje.
  6. Opcjonalnie: Przenieś sekcję aplikacji do miejsca, w którym ma być ona na stronie.
  7. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij opcję Zarządzaj wszystkimi szablonami.
  4. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
  5. Naciśnij Edytuj.
  6. Przejdź do szablonu produktu, do którego chcesz dodać sekcję recenzji i formularza recenzji.
  7. Kliknij opcję Dodaj sekcję.
  8. Z menu rozwijanego w sekcji Aplikacje wybierz blok aplikacji Recenzje.
  9. Opcjonalnie: Przenieś sekcję aplikacji do miejsca, w którym ma być ona na stronie.
  10. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij opcję Zarządzaj wszystkimi szablonami.
  4. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
  5. Naciśnij Edytuj.
  6. Przejdź do szablonu produktu, do którego chcesz dodać sekcję recenzji i formularza recenzji.
  7. Kliknij opcję Dodaj sekcję.
  8. Z menu rozwijanego w sekcji Aplikacje wybierz blok aplikacji Recenzje.
  9. Opcjonalnie: Przenieś sekcję aplikacji do miejsca, w którym ma być ona na stronie.
  10. Kliknij opcję Zapisz.

Dodaj recenzje i formularz recenzji jako blok

  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
  3. Przejdź do strony i sekcji, w której chcesz dodać blok recenzji i formularza recenzji.
  4. Kliknij Dodaj blok.
  5. Z menu rozwijanego w sekcji Aplikacje wybierz blok aplikacji Recenzje.
  6. Opcjonalnie: Przenieś blok Recenzje do wybranego miejsca w sekcji.
  7. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij opcję Zarządzaj wszystkimi szablonami.
  4. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
  5. Naciśnij Edytuj.
  6. Przejdź do strony i sekcji, w której chcesz dodać blok recenzji i formularza recenzji.
  7. Kliknij Dodaj blok.
  8. Z menu rozwijanego w sekcji Aplikacje wybierz blok aplikacji Recenzje.
  9. Opcjonalnie: Przenieś blok Recenzje do wybranego miejsca w sekcji.
  10. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij opcję Zarządzaj wszystkimi szablonami.
  4. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
  5. Naciśnij Edytuj.
  6. Przejdź do strony i sekcji, w której chcesz dodać blok recenzji i formularza recenzji.
  7. Kliknij Dodaj blok.
  8. Z menu rozwijanego w sekcji Aplikacje wybierz blok aplikacji Recenzje.
  9. Opcjonalnie: Przenieś blok Recenzje do wybranego miejsca w sekcji.
  10. 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.

Kroki:

  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
  3. Przejdź do strony i sekcji, w której chcesz dodać ocenę w gwiazdkach.
  4. Kliknij Dodaj blok.
  5. Z rozwijanego menu w sekcji Aplikacje wybierz blok aplikacji Ocena w gwiazdkach.
  6. Opcjonalnie: Przenieś blok Ocena w gwiazdkach do wybranego miejsca w sekcji, lub dostosuj kolor gwiazdki, wielkość, wyrównanie i kontekst.
  7. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij opcję Zarządzaj wszystkimi szablonami.
  4. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
  5. Naciśnij Edytuj.
  6. Przejdź do strony i sekcji, w której chcesz dodać ocenę w gwiazdkach.
  7. Kliknij Dodaj blok.
  8. Z rozwijanego menu w sekcji Aplikacje wybierz blok aplikacji Ocena w gwiazdkach.
  9. Opcjonalnie: Przenieś blok Ocena w gwiazdkach do wybranego miejsca w sekcji, lub dostosuj kolor gwiazdki, wielkość, wyrównanie i kontekst.
  10. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij opcję Zarządzaj wszystkimi szablonami.
  4. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
  5. Naciśnij Edytuj.
  6. Przejdź do strony i sekcji, w której chcesz dodać ocenę w gwiazdkach.
  7. Kliknij Dodaj blok.
  8. Z rozwijanego menu w sekcji Aplikacje wybierz blok aplikacji Ocena w gwiazdkach.
  9. Opcjonalnie: Przenieś blok Ocena w gwiazdkach do wybranego miejsca w sekcji, lub dostosuj kolor gwiazdki, wielkość, wyrównanie i kontekst.
  10. Kliknij opcję Zapisz.

Klasyczne szablony z sekcjami

Możesz dodawać recenzje, dołączać formularz recenzji i wyświetlać znaczki średniej oceny z recenzji na różnych stronach w klasycznych szablonach z sekcjami.

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

  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  3. W katalogu Sekcje kliknij product-template.liquid.
  4. 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 Liquid {{ product.description }}.
  5. 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>
  1. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Zarządzaj szablonami.
  4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  5. W katalogu Sekcje kliknij product-template.liquid.
  6. 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 Liquid {{ product.description }}.
  7. 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>
  1. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Zarządzaj szablonami.
  4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  5. W katalogu Sekcje kliknij product-template.liquid.
  6. 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 Liquid {{ product.description }}.
  7. 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>
  1. Kliknij opcję Zapisz.

Dodaj znaczki średniej oceny z recenzji do stron kolekcji w szablonach z sekcjami

  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Znajdź szablon, który chcesz edytować, a następnie kliknij przycisk ... > 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-grid.liquid
    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquid
    • product-item.liquid

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

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

Dodaj znaczki średniej oceny z recenzji do strony produktu w szablonach z sekcjami

  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  3. W katalogu Sekcje kliknij product-template.liquid.
  4. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki średniej oceny z recenzji. Zazwyczaj jest to obszar tuż pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag Liquid {{ product.title }}.
  5. 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.
  1. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Zarządzaj szablonami.
  4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  5. W katalogu Sekcje kliknij product-template.liquid.
  6. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki średniej oceny z recenzji. Zazwyczaj jest to obszar tuż pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag Liquid {{ product.title }}.
  7. 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.
  1. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Zarządzaj szablonami.
  4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  5. W katalogu Sekcje kliknij product-template.liquid.
  6. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki średniej oceny z recenzji. Zazwyczaj jest to obszar tuż pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag Liquid {{ product.title }}.
  7. 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.
  1. Kliknij opcję Zapisz.

Dodaj znaczki średniej oceny z recenzji do polecanego produktu w szablonach z sekcjami

  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  3. W katalogu Sekcje otwórz plik featured-product.liquid.
  4. Znajdź obszar we fragmencie kodu, w którym mają pojawić się znaczki średniej oceny z 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 }}.
  5. 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.
  1. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Zarządzaj szablonami.
  4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  5. W katalogu Sekcje otwórz plik featured-product.liquid.
  6. Znajdź obszar we fragmencie kodu, w którym mają pojawić się znaczki średniej oceny z 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 }}.
  7. 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.
  1. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Zarządzaj szablonami.
  4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  5. W katalogu Sekcje otwórz plik featured-product.liquid.
  6. Znajdź obszar we fragmencie kodu, w którym mają pojawić się znaczki średniej oceny z 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 }}.
  7. 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.
  1. Kliknij opcję Zapisz.

Klasyczne szablony bez sekcji

Możesz dodawać recenzje, dołączać formularz recenzji i wyświetlać znaczki średniej oceny z recenzji na różnych stronach w klasycznych szablonach bez sekcji.

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

  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  3. W katalogu Szablony otwórz product.liquid.
  4. 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 Liquid {{ product.description }}.
  5. 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>
  1. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Zarządzaj szablonami.
  4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  5. W katalogu Szablony otwórz product.liquid.
  6. 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 Liquid {{ product.description }}.
  7. 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>
  1. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Zarządzaj szablonami.
  4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  5. W katalogu Szablony otwórz product.liquid.
  6. 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 Liquid {{ product.description }}.
  7. 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>
  1. Kliknij opcję Zapisz.

Dodaj znaczki średniej oceny z recenzji do stron kolekcji w szablonach bez sekcji

  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.

  3. 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.liquidJeś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.

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

  5. 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.
  1. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Zarządzaj szablonami.
  4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.

  5. 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.liquidJeś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.

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

  7. 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.
  1. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Zarządzaj szablonami.
  4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.

  5. 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.liquidJeś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.

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

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

Dodaj znaczki średniej oceny z recenzji do strony produktu w szablonach bez sekcji

  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  3. W katalogu Szablony otwórz product.liquid.
  4. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki średniej oceny z recenzji. Zazwyczaj jest to obszar tuż pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag Liquid {{ product.title }}.
  5. 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.
  1. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Zarządzaj szablonami.
  4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  5. W katalogu Szablony otwórz product.liquid.
  6. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki średniej oceny z recenzji. Zazwyczaj jest to obszar tuż pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag Liquid {{ product.title }}.
  7. 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.
  1. Kliknij opcję Zapisz.
  1. W aplikacji Shopify naciśnij przycisk ….
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Zarządzaj szablonami.
  4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
  5. W katalogu Szablony otwórz product.liquid.
  6. Znajdź obszar w kodzie, w którym mają być wyświetlane Twoje znaczki średniej oceny z recenzji. Zazwyczaj jest to obszar tuż pod tytułem produktu. Aby znaleźć tytuł produktu w pliku, wyszukaj tag Liquid {{ product.title }}.
  7. 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.
  1. Kliknij opcję Zapisz.

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

Wypróbuj za darmo