Shopify-Themes, Liquid, Logos und ähnliche Themen
Hallo zusammen,
ich möchte gerne die Produkte aus meiner Cortenstahl-Kollektion unterhalb eines spezifischen Blog-Posts in meinem Shopify-Shop visuell anzeigen. Bisher habe ich versucht, einen abschnitt unter genau dem Blog Post mit einer featured collection zu erstellen, bis mir aufgefallen ist, dass dieser Abschnitt dann unter jedem Blog Post ist.. Wie kriege ich es hin, dass diese nur unter diesem Blog Post zu sehen ist?
Hey @user3344x
Um die Produkte deiner Cortenstahl-Kollektion nur unter einem spezifischen Blog-Post in deinem Shopify-Shop anzuzeigen, kannst du benutzerdefinierten Liquid-Code verwenden. Hier ist eine Schritt-für-Schritt-Anleitung, wie du das erreichen kannst. Stelle sicher, dass du den Handle des spezifischen Blog-Posts kennst, unter dem die Kollektion angezeigt werden soll. Der Handle ist normalerweise der Titel des Blog-Posts in Kleinbuchstaben und mit Bindestrichen anstelle von Leerzeichen.
Gehe zu deinem Shopify-Adminbereich:
Suche im Dateibaum auf der linken Seite die Datei, die für Blog-Post-Seiten zuständig ist. Diese Datei befindet sich normalerweise unter templates
und heißt article.liquid
oder ähnlich. Füge den folgenden Code an der Stelle hinzu, an der die Kollektion angezeigt werden soll:
{% if article.handle == 'dein-blog-post-handle' %}
<div class="featured-collection">
<h2>Unsere Cortenstahl-Kollektion</h2>
{% section 'featured-collection' %}
</div>
{% endif %}
Ersetze 'dein-blog-post-handle'
durch den tatsächlichen Handle deines Blog-Posts. Falls du noch keine Section für die Featured Collection hast, erstelle eine neue Datei unter sections
und nenne sie featured-collection.liquid
. Füge den folgenden Code in die neue Datei ein, um die Produkte deiner Cortenstahl-Kollektion anzuzeigen:
{% schema %}
{
"name": "Featured Collection",
"settings": [
{
"type": "collection",
"id": "collection",
"label": "Kollektion",
"default": "cortenstahl-kollektion"
}
]
}
{% endschema %}
<div class="collection-wrapper">
{% if section.settings.collection %}
{% assign collection = collections[section.settings.collection] %}
{% for product in collection.products %}
<!-- Produktdarstellung -->
<div class="product">
<a href="{{ product.url }}">
<img src="{{ product.featured_image | img_url: 'medium' }}" alt="{{ product.title }}">
<h3>{{ product.title }}</h3>
</a>
</div>
{% endfor %}
{% endif %}
</div>
Ersetze cortenstahl-kollektion
durch den Handle deiner spezifischen Kollektion. Speichere die Änderungen sowohl in der article.liquid
als auch in der featured-collection.liquid
. Gehe zu dem spezifischen Blog-Post und überprüfe, ob die Produkte der Cortenstahl-Kollektion korrekt angezeigt werden.
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Guten Tag, danke für die Antwort.
In meinem Vorlagen Bereich gibt es keine .liquid Dateien sondern nur .json Dateien.
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024