Wie zeigt man in Shopify den Namen des Anbieters (vendor) auf den Kategorieseiten an?

Adding supplier names to product cards on collection pages by editing theme templates on Liquid.

Wie zeigt man in Shopify den Namen des Anbieters (vendor) auf den Kategorieseiten an?

Informationen über den Anbieter (vendor) des Produkts können für den Käufer nützlich sein. Und wenn es in den meisten Fällen in Shopify-Themen die Möglichkeit gibt, deren Namen auf der Produktseite anzuzeigen, so ist es auf der Kategorieseite nicht in allen Shopify-Shops möglich, den Anbieter nur mit Hilfe von Theme-Einstellungen anzuzeigen. Zum Beispiel gibt es diese Möglichkeit nicht im kostenlosen Shopify-Thema Supply.

Aber man sollte nicht verzweifeln. Die Namen der Anbieter können mit den Standardmitteln von Shopify - mit nur einer Zeile Liquid-Code (Liquid - die Template-Sprache für Shopify-Shops, mehr erfahren) - angezeigt werden:

{{ product.vendor }}

Die Schwierigkeit kann nur darin bestehen, zu verstehen, wo genau man diese Zeile im Code seines Themas platzieren muss.

Zum Beispiel kann im Thema Supply der Name des Anbieters direkt über dem Produktnamen angezeigt werden. Um dies zu tun, folgen Sie der folgenden Anleitung:

  1. Gehen Sie im Administrationsbereich Ihres Shops zum Unterabschnitt Themes des Abschnitts Online-Shop:

    Unterabschnitt Themes des Abschnitts Online-Shop

  2. Öffnen Sie den Theme-Editor, indem Sie auf den Link Edit code klicken, der im Dropdown-Menü Actions zu finden ist:

    Theme-Editor des Shopify-Shops

  3. Im Theme-Editor erweitern Sie im linken Sidebar den Abschnitt Snippets:

    Abschnitt Snippets im Theme-Editor von Shopify

  4. Im Abschnitt Snippets finden Sie die Datei product-grid-item.liquid und klicken Sie darauf:

    Datei product-grid-item.liquid im Abschnitt Snippets

  5. In der geöffneten Datei suchen Sie die Codezeile <p>{{ product.title }}</p>:

    Codezeile <p>{{ product.title }}</p> in der Datei product-grid-item.liquid

  6. Platzieren Sie vor dieser Zeile den Code <div>{{ product.vendor }}</div>:

    Platzierung des Codes <div>{{ product.vendor }}</div>

  7. Falls nötig, fügen Sie dem Element mit dem HTML-Attribut style Stil hinzu:

    HTML-Attribut style

  8. Nach dieser Änderung sollte der Anbieter jedes Produkts auf der Kategorieseite Ihres Online-Shops angezeigt werden:

    Anzeige des Anbieters eines Produkts auf der Kategorieseite


Hinterlassen Sie einen Kommentar


Bitte beachten Sie, dass Kommentare vor der Veröffentlichung freigegeben werden müssen


Contents
Wie zeigt man in Shopify den Namen des Anbieters (vendor) auf den Kategorieseiten an?