Wenn Sie ein begeisterter Blogger sind, haben Sie möglicherweise mehr als einen Blog auf Ihrer Shopify-Website, was für Erstbesucher etwas umständlich sein kann, um die zuletzt veröffentlichten Inhalte zu finden. Nach viel Versuch und Irrtum habe ich die Lösung mit minimalen Programmierkenntnissen gefunden.
Wie das funktioniert, können Sie auf meiner Blog-Seite sehen, wo ich Posts aus mehreren Blogs auf einer Blog-Seite mit Vorschaubild, Titel, Post-Snippet und einer „Weiterlesen“-Aufforderung kombiniert habe. Wenn ein Besucher auf meine Blog-Seite klickt, sieht er zunächst Snippets mit Bildern von allen Beiträgen aus meinen verschiedenen Blogs an einem Ort. Sobald sie auf einen der Links klicken, gelangen sie direkt zu dem Blog, in dem sich der Beitrag zum weiteren Lesen befindet.
Das Schöne an diesem Code ist, dass Sie Ihren Beitrag in jedem der Blogs auf Ihrer Website schreiben können und das Beitrags-Snippet automatisch zur Blog-Seite hinzugefügt wird. Um dies zu erreichen, ist lediglich eine kurze Codierung erforderlich, die in den Aktionscode Ihres Themas eingefügt wird. Bevor Sie irgendetwas tun, speichern Sie bitte Ihr Design oder experimentieren Sie, indem Sie eine Kopie Ihres Designs erstellen und dort am Code herumbasteln. Mein Theme ist Kagami, das kein kostenloses Theme von Shopify ist. Ich mache viel Kopieren und Einfügen und bastele im Hintergrund, um die Ergebnisse zu erhalten, die ich für meine Website benötige, und kann daher auch keine Codierungsratschläge geben. Ich teile diesen Beitrag, da ich nach Jahren des Versuchs, genau dies zu tun, endlich auf einen Code gestoßen bin, der für meine Website funktioniert und entweder für Ihre funktioniert oder Ihnen zumindest eine Vorstellung davon gibt, wie Sie dies für Sie zum Laufen bringen können.
Zunächst einmal möchte ich auch Hackinet danken, der den ersten Teil des Codes bereitgestellt hat, der mich dazu gebracht hat, eine Lösung zu finden. 2. Ich entschuldige mich dafür, dass die Bilder möglicherweise schwer zu lesen sind. Möglicherweise können Sie den Code vergrößern, um ihn besser zu sehen. Überprüfen Sie alternativ den ursprünglichen Code hier und suchen Sie unter den SNIPPETS Ihres eigenen Themas > Article-preview-liquid nach dem Abschnitt zum Hinzufügen der Bilder und Vorschau-Snippets.
Hier sind die Schritte, wie Sie alle Blogs mit einer Blogseite verknüpfen
- Gehen Sie zu Onlineshop -> Themen -> Aktionen -> Code bearbeiten.
- Sie sollten mehrere Liquid-Dateien kategorisiert sehen, gehen Sie zu „Vorlagen“->Wählen Sie „Neue Vorlage hinzufügen“->Erstellen Sie eine neue Vorlage für „Seite“ mit dem Namen „All-Blog“.
Die soeben erstellte Seite wird in einem Editor geöffnet. Kopieren Sie den folgenden Code und fügen Sie ihn direkt nach der Zeile {{ page.content }} . (Ihre Seite hat möglicherweise einen anderen HTML-Inhalt, aber diese Zeile wird vorhanden sein):
Hinweis: Hier sind blog1 und blog2 und blog3 Ihre Blog-Handles. Gehen Sie zu Ihren jeweiligen Blogseiten und kopieren Sie den Teil nach dem letzten '/' .
Wie: https://example.com/blogs/this-is-your-blog-handle
Schritt 2
Gehen Sie nun zu Seite -> Neue Seite hinzufügen -> Geben Sie einen Titel ein, wie Sie möchten, ich gebe ihn „Blog“ ein -> Wählen Sie das Vorlagensuffix auf der rechten Seite als „page.all-blog“. Speichern Sie es.
Bis hierher werden Sie feststellen, dass Sie die Seitentitel aller Blogbeiträge aus Ihren verschiedenen Blogs erhalten. Allerdings fehlen noch Bilder, Ausschnitte und das Weiterlesen. Ich habe den Code unter SNIPPETS - Artikel-Vorschau-Flüssigkeit gesucht und die Teile, die ich brauchte, wie folgt entnommen.
Kopieren Sie diesen Code, um das Bild hinzuzufügen:
Um den Artikelauszug hinzuzufügen, fügen Sie dies unter dem Code hinzu
Wenn Sie fertig sind, sollte der gesamte hinzugefügte neue Code so aussehen:
Nachdem ich diesen Blogbeitrag geschrieben hatte, ist mir aufgefallen, dass sehr viele Beiträge pro Blog gezogen werden, was dazu führte, dass man lange nach unten scrollen musste, um den neusten Blogbeitrag von anderen Blogs zu sehen. Um dies zu lösen, drücken Sie Strg F und suchen Sie diese Zeile
{% for article in blogs[handle].articles limit: .articles %}
Dann ändere es auf die Anzahl der anzuzeigenden Posts (hier habe ich es auf 2 Posts pro Blog eingestellt)
{% for article in blogs[handle].articles limit: 2 %}
Ich habe keine Möglichkeit gefunden, den neuesten Blogbeitrag anzuzeigen, basierend auf dem Blog, auf dem er geschrieben wurde. Ich nehme an, Sie könnten die Reihenfolge der Blogs verschieben, je nachdem, wie oft Sie wo posten. Wenn Sie eine Problemumgehung dafür haben, teilen Sie sie.
Lassen Sie mich im Kommentarbereich wissen, ob Sie diesen Beitrag nützlich fanden.
So testen Sie gelagertes Saatgut auf Lebensfähigkeit
