Produktseite: Blogartikel per Tag verlinken

[lisa93]

Hallo zusammen,

ich möchte auf meinen Produktseiten gerne meinen Rezepteblog abbilden. Wie ich diesen Abschnitt grundsätzlich hinzufüge, weiß ich. Allerdings möchte ich nicht nur den Blog allgemein aufführen, sondern gerne die passenden Blogartikel direkt auf der entsprechenden Produktseite aufführen. Gibt es die Möglichkeit bspw. per Tag zu filtern, welche Blogartikel unter dem entsprechenden Produkt angezeigt werden?

Danke vorab und viele Grüße

Lisa

[Gabe]

Hey @lisa93 

Eine logische Beziehung zwischen dem Haupt Produkt auf der PDP und dem dazu-passenden Blogartikel Klappentext unterhalb dem Produkt leuchtet voll ein. Derzeit muss dieser manuell in den Abschnitt Einstellungen verbunden werden wie hier abgebildet:

Es DIY im Code machen - mit Metafelder

Wenn du es selber auf deiner PDP programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!

Um passende Blogartikel auf den Produktseiten deiner Shopify-Website automatisch anzuzeigen, kannst du die folgenden Schritte befolgen:

1. Metafields für Produkte und Blogartikel verwenden:

   • Füge jedem Produkt ein Metafield hinzu, das die IDs der verwandten Blogartikel enthält.
   • Beispielsweise könntest du ein Metafield namens related_blogs hinzufügen, das eine durch Kommas getrennte Liste von Blogartikel-IDs enthält.

2. Anpassung der Produktseite:

   • Bearbeite deine product-template.liquid-Datei, um die verwandten Blogartikel basierend auf den Metafields anzuzeigen.

Hier ist ein Beispielcode, wie du dies erreichen kannst: Füge den Metafields-Abschnitt zu deinem Produkt hinzu und speichere die IDs der verwandten Blogartikel als durch Kommas getrennte Werte. Füge dann den folgenden Code in deine product-template.liquid-Datei ein:

{% if product.metafields.custom.related_blogs %}
  {% assign related_blog_post_ids = product.metafields.custom.related_blogs | split: ',' %}

  <div class="related-blog-posts">
    <h2>Verwandte Blogartikel</h2>
    <ul>
      {% for post_id in related_blog_post_ids %}
        {% for blog in blogs %}
          {% for post in blog.articles %}
            {% if post.id == post_id %}
              <li>
                <a href="{{ post.url }}">{{ post.title }}</a>
                <p>{{ post.excerpt }}</p>
              </li>
            {% endif %}
          {% endfor %}
        {% endfor %}
      {% endfor %}
    </ul>
  </div>
{% endif %}

Erklärung:

• Der Code überprüft, ob das Produkt ein related_blogs Metafield hat.
• Wenn ja, wird der Inhalt des Metafields gelesen und in eine Liste (related_blog_post_ids) aufgeteilt.
• Für jede Blogartikel-ID in der Liste wird durch alle Blogs und deren Artikel iteriert, um den passenden Artikel zu finden.
• Wenn ein Artikel mit der entsprechenden ID gefunden wird, wird dieser Artikel mit Titel und Auszug angezeigt.

Weitere Threads zum Thema:

• How to insert related blog posts on product pages?
• How do I add related products to a blog post?
• Link product & blog posts by blog post metafield.

Hoffe das hilft dir weiter - lass wissen falls nicht! 😉

---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.