Verwenden der Product Reviews-App

Hinweis

Am 6. Mai 2024 wird die Product Reviews-App aus Shopify entfernt. Sie steht dann nicht mehr zur Installation zur Verfügung. Danach hast du keinen Zugriff mehr auf deine bestehenden Produktrezensionen. Zudem werden die Bewertungen aus der App nicht mehr in deinem Shop angezeigt. Um weiterhin Produktrezensionen in deinem Shop zu erfassen und anzuzeigen, musst du vor dem 6. Mai 2024 zu einer anderen Produktrezensions-App migrieren.

Du kannst Bewertungsformulare zu deinen Produktseiten und Bewertungs-Badges zu deinen Produkt- und Kollektionsseiten hinzufügen. Die Schritte für dieses Tutorial unterscheiden sich je nachdem, welche Theme-Architekturversion du verwendest. Folge den Anweisungen basierend auf der Version deiner Theme-Architektur, um deinem Onlineshop Bewertungselemente hinzuzufügen.

Themes für Online Store 2.0

Du kannst in Onlineshop 2.0-Themes Bewertungen hinzufügen, ein Bewertungsformular einfügen und Sternebewertungen anzeigen.

Hinzufügen von Bewertungen und einem Bewertungsformular zu Online Store 2.0-Themes

Du kannst den App-Block für Bewertungen und das Bewertungsformular als Abschnitt zu deiner Produktvorlage oder als Block im Haupt-Produktabschnitt der Produktvorlage hinzufügen. Diese Optionen sind für alle Online Store 2.0-Themes aus dem Shopify Theme Store verfügbar. Du kannst sie je nach Theme eventuell auch zu anderen Vorlagen oder Abschnitten hinzufügen.

Bewertungen und Bewertungsformular als Abschnitt hinzufügen

Desktop

1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
3. Navigiere zur Produktvorlage, zu der du den Bewertungs- und Bewertungsformularabschnitt hinzufügen möchtest.
4. Klicke auf Abschnitt hinzufügen.
5. Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Bewertungen.
6. Optional: Verschiebe den App-Abschnitt an die Stelle, wo er auf der Seite angezeigt werden soll.
7. Klicke auf Speichern.

iPhone

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Alle Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
5. Tippe auf Bearbeiten.
6. Navigiere zur Produktvorlage, zu der du den Bewertungs- und Bewertungsformularabschnitt hinzufügen möchtest.
7. Klicke auf Abschnitt hinzufügen.
8. Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Bewertungen.
9. Optional: Verschiebe den App-Abschnitt an die Stelle, wo er auf der Seite angezeigt werden soll.
10. Klicke auf Speichern.

Android

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Alle Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
5. Tippe auf Bearbeiten.
6. Navigiere zur Produktvorlage, zu der du den Bewertungs- und Bewertungsformularabschnitt hinzufügen möchtest.
7. Klicke auf Abschnitt hinzufügen.
8. Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Bewertungen.
9. Optional: Verschiebe den App-Abschnitt an die Stelle, wo er auf der Seite angezeigt werden soll.
10. Klicke auf Speichern.

Bewertungen und Bewertungsformular als Block hinzufügen

Desktop

1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
3. Navigiere zu der Seite und dem Abschnitt, zu dem du den Bewertungs- und Bewertungsformularblock hinzufügen möchtest.
4. Klicke auf Block hinzufügen.
5. Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Bewertungen.
6. Optional: Verschiebe den Bewertungsblock an die Stelle, wo er im Abschnitt angezeigt werden soll.
7. Klicke auf Speichern.

iPhone

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Alle Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
5. Tippe auf Bearbeiten.
6. Navigiere zu der Seite und dem Abschnitt, zu dem du den Bewertungs- und Bewertungsformularblock hinzufügen möchtest.
7. Klicke auf Block hinzufügen.
8. Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Bewertungen.
9. Optional: Verschiebe den Bewertungsblock an die Stelle, wo er im Abschnitt angezeigt werden soll.
10. Klicke auf Speichern.

Android

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Alle Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
5. Tippe auf Bearbeiten.
6. Navigiere zu der Seite und dem Abschnitt, zu dem du den Bewertungs- und Bewertungsformularblock hinzufügen möchtest.
7. Klicke auf Block hinzufügen.
8. Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Bewertungen.
9. Optional: Verschiebe den Bewertungsblock an die Stelle, wo er im Abschnitt angezeigt werden soll.
10. Klicke auf Speichern.

Hinzufügen von Sternebewertung bei Online Store 2.0-Themes

Du kannst Sternebewertungen als Block zum Haupt-Produktabschnitt der Produktvorlage hinzufügen. Diese Option ist für alle Online Store 2.0-Themes aus dem Shopify Theme Store verfügbar. Du kannst sie je nach Theme eventuell auch zu anderen Abschnitten oder Vorlagen hinzufügen.

Schritte:

Desktop

1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
2. Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
3. Navigiere zu der Seite und dem Abschnitt, zu dem du die Sternebewertung hinzufügen möchtest.
4. Klicke auf Block hinzufügen.
5. Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Sternebewertung.
6. Optional: Verschiebe den Sternebewertungsblock an die Stelle, an der er in dem Abschnitt erscheinen soll, oder passe die Sternfarbe, -größe, -ausrichtung oder den Kontext an.
7. Klicke auf Speichern.

iPhone

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Alle Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
5. Tippe auf Bearbeiten.
6. Navigiere zu der Seite und dem Abschnitt, zu dem du die Sternebewertung hinzufügen möchtest.
7. Klicke auf Block hinzufügen.
8. Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Sternebewertung.
9. Optional: Verschiebe den Sternebewertungsblock an die Stelle, an der er in dem Abschnitt erscheinen soll, oder passe die Sternfarbe, -größe, -ausrichtung oder den Kontext an.
10. Klicke auf Speichern.

Android

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Alle Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
5. Tippe auf Bearbeiten.
6. Navigiere zu der Seite und dem Abschnitt, zu dem du die Sternebewertung hinzufügen möchtest.
7. Klicke auf Block hinzufügen.
8. Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Sternebewertung.
9. Optional: Verschiebe den Sternebewertungsblock an die Stelle, an der er in dem Abschnitt erscheinen soll, oder passe die Sternfarbe, -größe, -ausrichtung oder den Kontext an.
10. Klicke auf Speichern.

Vintage-Themes mit Abschnitten

Du kannst in Vintage-Themes mit Abschnitten Bewertungen hinzufügen, ein Bewertungsformular einfügen und Bewertungsscore-Badges auf verschiedenen Seiten anzeigen.

Bewertungen und ein Bewertungsformular auf der Produktseite in Themes mit Abschnitten einfügen

Desktop

1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
2. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
3. Öffne im Verzeichnis Abschnitte product-template.liquid.
4. Suche den Bereich im Code, in dem deine Bewertungen erscheinen sollen. Dieser befindet sich meist unter der Produktbeschreibung. Um die Produktbeschreibung in der Datei zu finden, suche nach dem Liquid-Tag {{ product.description }}.
5. Füge den folgenden Snippet unter dem Code, der das Liquid-Tag {{ product.description }} enthält, ein.

<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. Klicke auf Speichern.

iPhone

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
5. Öffne im Verzeichnis Abschnitte product-template.liquid.
6. Suche den Bereich im Code, in dem deine Bewertungen erscheinen sollen. Dieser befindet sich meist unter der Produktbeschreibung. Um die Produktbeschreibung in der Datei zu finden, suche nach dem Liquid-Tag {{ product.description }}.
7. Füge den folgenden Snippet unter dem Code, der das Liquid-Tag {{ product.description }} enthält, ein.

<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. Klicke auf Speichern.

Android

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
5. Öffne im Verzeichnis Abschnitte product-template.liquid.
6. Suche den Bereich im Code, in dem deine Bewertungen erscheinen sollen. Dieser befindet sich meist unter der Produktbeschreibung. Um die Produktbeschreibung in der Datei zu finden, suche nach dem Liquid-Tag {{ product.description }}.
7. Füge den folgenden Snippet unter dem Code, der das Liquid-Tag {{ product.description }} enthält, ein.

<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. Klicke auf Speichern.

Bewertungssiegel zu deinen Kollektionsseiten in Themes mit Abschnitten einfügen

1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.
2. Suche das Theme, das du bearbeiten möchtest, und klicke dann auf die Schaltfläche ... > Code bearbeiten.

3. Öffne im Verzeichnis Snippets die Datei product-grid-item.liquid. In einigen Themes hat diese Datei einen anderen Namen. Wenn du product-grid-item.liquid nicht finden kannst, suche nach einer der folgenden Dateien:

   • product-card-grid.liquid
   • product-card.liquid
   • product-card-item.liquid
   • product-block.liquid
   • product-item.liquid

4. Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser irgendwo unter dem Titel des Produkts. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.

5. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.

Bewertungssiegel zu deiner Produktseite in Themes mit Abschnitten einfügen

Desktop

1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
2. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
3. Öffne im Verzeichnis Abschnitte product-template.liquid.
4. Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser direkt unter dem Produkttitel. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.
5. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.

iPhone

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
5. Öffne im Verzeichnis Abschnitte product-template.liquid.
6. Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser direkt unter dem Produkttitel. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.
7. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.

Android

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
5. Öffne im Verzeichnis Abschnitte product-template.liquid.
6. Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser direkt unter dem Produkttitel. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.
7. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.

Bewertungssiegel zu deinem vorgestellten Produkt in Themes mit Abschnitten einfügen

Hinweis

Wenn du Venture verwendest, empfehlen wir dir, keine Bewertungssiegel auf dem vorgestellten Produkt zu platzieren.

Desktop

1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
2. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
3. Öffne im Verzeichnis Abschnitte die Datei featured-product.liquid.
4. Suche den Bereich im Snippet, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser irgendwo unter dem Titel des Produkts. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ title }}. Wenn du das Tag {{ title }} nicht findest, suche nach dem Tag {{ product.title }}.
5. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.

iPhone

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
5. Öffne im Verzeichnis Abschnitte die Datei featured-product.liquid.
6. Suche den Bereich im Snippet, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser irgendwo unter dem Titel des Produkts. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ title }}. Wenn du das Tag {{ title }} nicht findest, suche nach dem Tag {{ product.title }}.
7. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.

Android

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
5. Öffne im Verzeichnis Abschnitte die Datei featured-product.liquid.
6. Suche den Bereich im Snippet, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser irgendwo unter dem Titel des Produkts. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ title }}. Wenn du das Tag {{ title }} nicht findest, suche nach dem Tag {{ product.title }}.
7. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.

Vintage-Themes ohne Abschnitte

Du kannst in Vintage-Themes ohne Abschnitte Bewertungen hinzufügen, ein Bewertungsformular einfügen und Bewertungsscore-Badges auf verschiedenen Seiten anzeigen.

Bewertungen und Bewertungsformular auf der Produktseite in Themes ohne Abschnitte einfügen

Desktop

1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
2. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
3. Öffne im Verzeichnis Vorlagen den Link product.liquid.
4. Suche den Bereich im Code, in dem deine Bewertungen erscheinen sollen. Dieser befindet sich meist unter der Produktbeschreibung. Um die Produktbeschreibung in der Datei zu finden, suche nach dem Liquid-Tag {{ product.description }}.
5. Füge den folgenden Snippet unter dem Code, der das Liquid-Tag {{ product.description }} enthält, ein.

<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. Klicke auf Speichern.

iPhone

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
5. Öffne im Verzeichnis Vorlagen den Link product.liquid.
6. Suche den Bereich im Code, in dem deine Bewertungen erscheinen sollen. Dieser befindet sich meist unter der Produktbeschreibung. Um die Produktbeschreibung in der Datei zu finden, suche nach dem Liquid-Tag {{ product.description }}.
7. Füge den folgenden Snippet unter dem Code, der das Liquid-Tag {{ product.description }} enthält, ein.

<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. Klicke auf Speichern.

Android

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
5. Öffne im Verzeichnis Vorlagen den Link product.liquid.
6. Suche den Bereich im Code, in dem deine Bewertungen erscheinen sollen. Dieser befindet sich meist unter der Produktbeschreibung. Um die Produktbeschreibung in der Datei zu finden, suche nach dem Liquid-Tag {{ product.description }}.
7. Füge den folgenden Snippet unter dem Code, der das Liquid-Tag {{ product.description }} enthält, ein.

<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. Klicke auf Speichern.

Bewertungssiegel zu deinen Kollektionsseiten in Themes ohne Abschnitte einfügen

Desktop

1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
2. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.

3. Öffne im Verzeichnis Snippets die Datei product-grid-item.liquid. In einigen Themes hat diese Datei einen anderen Namen. Wenn du product-grid-item.liquid nicht finden kannst, suche nach einer der folgenden Dateien:

   • product-card.liquid
   • product-card-item.liquid
   • product-block.liquidWenn dein Theme keine der obengenannten Dateien enthält, könnte es sein, dass dein Produkt-Grid-Code in der Datei collection.liquid im Verzeichnis Vorlagen zu finden ist.

4. Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser irgendwo unter dem Titel des Produkts. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.

5. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.

iPhone

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.

5. Öffne im Verzeichnis Snippets die Datei product-grid-item.liquid. In einigen Themes hat diese Datei einen anderen Namen. Wenn du product-grid-item.liquid nicht finden kannst, suche nach einer der folgenden Dateien:

   • product-card.liquid
   • product-card-item.liquid
   • product-block.liquidWenn dein Theme keine der obengenannten Dateien enthält, könnte es sein, dass dein Produkt-Grid-Code in der Datei collection.liquid im Verzeichnis Vorlagen zu finden ist.

6. Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser irgendwo unter dem Titel des Produkts. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.

7. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.

Android

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.

5. Öffne im Verzeichnis Snippets die Datei product-grid-item.liquid. In einigen Themes hat diese Datei einen anderen Namen. Wenn du product-grid-item.liquid nicht finden kannst, suche nach einer der folgenden Dateien:

   • product-card.liquid
   • product-card-item.liquid
   • product-block.liquidWenn dein Theme keine der obengenannten Dateien enthält, könnte es sein, dass dein Produkt-Grid-Code in der Datei collection.liquid im Verzeichnis Vorlagen zu finden ist.

6. Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser irgendwo unter dem Titel des Produkts. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.

7. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.

Bewertungssiegel zu deiner Produktseite in Themes ohne Abschnitte einfügen

Desktop

1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
2. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
3. Öffne im Verzeichnis Vorlagen den Link product.liquid.
4. Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser direkt unter dem Produkttitel. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.
5. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.

iPhone

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
5. Öffne im Verzeichnis Vorlagen den Link product.liquid.
6. Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser direkt unter dem Produkttitel. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.
7. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.

Android

1. Tippe in der Shopify-App auf die Schaltfläche ....
2. Klicke im Bereich Vertriebskanäle auf Onlineshop.
3. Tippe auf Themes verwalten.
4. Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
5. Öffne im Verzeichnis Vorlagen den Link product.liquid.
6. Suche den Bereich im Code, in dem deine Bewertungssiegel erscheinen sollen. Normalerweise befindet sich dieser direkt unter dem Produkttitel. Um deinen Produkttitel in der Datei zu finden, suche nach dem Liquid-Tag {{ product.title }}.
7. Füge in einer neuen Zeile unterhalb des Codes, der das Liquid-Tag {{ product.title }} enthält, das folgende Snippet ein:

<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. Klicke auf Speichern.