Verwenden der Product Reviews-App
Nachdem du die Product Reviews-App installiert hast, kannst du zu deinen Produktseiten Bewertungsformulare und zu deinen Produkt- und Kategorieseiten Bewertungssiegel hinzufügen.
Die Schritte für dieses Tutorial unterscheiden sich je nachdem, welche Theme-Architekturversion du verwendest.
Klicke auf die Schaltfläche für deine Theme-Architekturversion und befolge dann die Anweisungen, um Bewertungselemente zu deinem Onlineshop hinzuzufügen.
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
- Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Tippe in der Shopify-App auf Shop.
- Tippe im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf Bearbeiten.
- Tippe in der Shopify-App auf Shop.
- Tippe im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf Bearbeiten.
- Navigiere zur Produktvorlage, zu der du den Bewertungs- und Bewertungsformularabschnitt hinzufügen möchtest.
- Klicke auf Abschnitt hinzufügen.
- Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Bewertungen.
- Optional: Verschiebe den App-Abschnitt an die Stelle, wo er auf der Seite angezeigt werden soll.
- Klicke auf Speichern.
Bewertungen und Bewertungsformular als Block hinzufügen
- Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Tippe in der Shopify-App auf Shop.
- Tippe im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf Bearbeiten.
- Tippe in der Shopify-App auf Shop.
- Tippe im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf Bearbeiten.
- Navigiere zu der Seite und dem Abschnitt, zu dem du den Bewertungs- und Bewertungsformularblock hinzufügen möchtest.
- Klicke auf Block hinzufügen.
- Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Bewertungen.
- Optional: Verschiebe den Bewertungsblock an die Stelle, wo er im Abschnitt angezeigt werden soll.
- 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.
- Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Tippe in der Shopify-App auf Shop.
- Tippe im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf Bearbeiten.
- Tippe in der Shopify-App auf Shop.
- Tippe im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Tippe auf Bearbeiten.
- Navigiere zu der Seite und dem Abschnitt, zu dem du die Sternebewertung hinzufügen möchtest.
- Klicke auf Block hinzufügen.
- Wähle im Dropdown-Menü des Abschnitts Apps den App-Block Sternebewertung.
- 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.
- Klicke auf Speichern.
Bewertungen und ein Bewertungsformular auf der Produktseite in Themes mit Abschnitten einfügen
Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Öffne im Verzeichnis Abschnitte
product-template.liquid
.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 }}
.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>
- Klicke auf Speichern.
Bewertungssiegel zu deinen Kategorieseiten in Themes mit Abschnitten einfügen
Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest und klicke dann auf Aktionen > Code bearbeiten.
Öffne im Verzeichnis Snippets die Datei
product-grid-item.liquid
.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 }}
.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.
- Klicke auf Speichern.
Bewertungssiegel zu deiner Produktseite in Themes mit Abschnitten einfügen
So fügst du Bewertungssiegel zu deinen Produktseiten hinzu:
Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Öffne im Verzeichnis Abschnitte
product-template.liquid
.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 }}
.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.
- Klicke auf Speichern.
Bewertungssiegel zu deinem vorgestellten Produkt in Themes mit Abschnitten einfügen
So fügst du Bewertungssiegel zu vorgestellten Produkten auf der Startseite hinzu:
Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Öffne im Verzeichnis Abschnitte die Datei
featured-product.liquid
.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{{ title }}
-Tag nicht findest, suche nach dem{{ product.title }}
-Tag.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.
- Klicke auf Speichern.
Bewertungen und Bewertungsformular auf der Produktseite in Themes ohne Abschnitte einfügen
Um zu deinen Produktseiten Bewertungsformulare hinzuzufügen:
Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Öffne im Verzeichnis Vorlagen den Link
product.liquid
.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 }}
.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>
- Klicke auf Speichern.
Bewertungssiegel zu deinen Kategorieseiten in Themes ohne Abschnitte einfügen
So fügst du Bewertungssiegel zu den Kategorieseiten hinzu:
Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Öffne im Verzeichnis Snippets den Link
product-grid-item.liquid
.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 }}
.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.
- Klicke auf Speichern.
Bewertungssiegel zu deiner Produktseite in Themes ohne Abschnitte einfügen
So fügst du Bewertungssiegel zu deinen Produktseiten hinzu:
Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Öffne im Verzeichnis Vorlagen den Link
product.liquid
.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 }}
.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.
- Klicke auf Speichern.