FROM CACHE - de_header

Abschnitt Produktinformationen auf Startseite einfügen um mehrere Bilder anzuzeigen

Abschnitt Produktinformationen auf Startseite einfügen um mehrere Bilder anzuzeigen

vagabund
Entdecker
25 2 0

Hallo zusammen,

 

ich will direkt auf meiner Startseite mein Produkt platzieren, leider kann ich auf der "Startseite" nur den Abschnitt "Vorgestelltes Produkt" (nur ein Produktbild wird angezeigt) aber nicht den Abschnitt "Produktinformation"(mehrere Produktbilder werden angezeigt) einfügen.

 

Wie kann ich -obwohl es die Startseite ist und keine Produkteseite- mein Produkt mit mehreren Bildern anzeigen lassen, wie es der Abschnitt "Produktinformation" zulässt?

 

Vielen herzlichen Dank! 🙂

8 ANTWORTEN 8

vagabund
Entdecker
25 2 0

Ich habe vergessen dazu zu sagen, dass ich das Theme "Dawn" verwende 🙂

 

Vielen Dank

Gabe
Shopify Staff
18494 2902 4268

Hey @vagabund 

 

Der Produktdetails Abschnitt ist im Dawn Theme leider limitiert und das würde eine erheblich Programmierung verlangen. Wenn du es selber auf deiner Homepage 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!

 

Im Ordner Sections klicke auf Neue Section hinzufügen und nenne sie z.B. featured-product-multiple-images. und füge einen Code wie den folgenden Code in die neue Liquid-Datei ein:

 

<!-- sections/featured-product-multiple-images.liquid -->
<div class="featured-product-multiple-images">
  {% assign product = all_products['dein-produkt-handle'] %}

  <div class="product-images">
    {% for image in product.images %}
      <div class="product-image">
        <img src="{{ image.src | img_url: 'master' }}" alt="{{ image.alt }}">
      </div>
    {% endfor %}
  </div>

  <div class="product-information">
    <h2>{{ product.title }}</h2>
    <p>{{ product.description }}</p>
    <span>{{ product.price | money }}</span>
  </div>
</div>

<style>
  .product-images {
    display: flex;
    flex-wrap: wrap;
  }
  .product-image {
    flex: 1 1 33%;
    padding: 5px;
  }
  .product-image img {
    max-width: 100%;
  }
</style>

 

  • Bearbeite die index.liquid Datei:

    • Gehe zu Online-Shop > Themes > Aktionen > Code bearbeiten.
    • Im Ordner Templates klicke auf index.liquid oder die entsprechende Startseiten-Template-Datei.
  • Füge den neuen Abschnitt in die Startseite ein:

 

{% section 'featured-product-multiple-images' %}

 

Ersetze dein-produkt-handle im Code durch den tatsächlichen Handle des Produkts, das du auf der Startseite anzeigen möchtest.

 

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.

 

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

vagabund
Entdecker
25 2 0

Vielen Dank Gabe! 

 

Ja, eine Frage hätte ich, wie erhalte ich den "handle" meines Produktes?

 

Danke 🙂

Gabe
Shopify Staff
18494 2902 4268

Sollte dieser sein:

 

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

vagabund
Entdecker
25 2 0

Hi Gabe,

 

-"Im Ordner Sections bzw Abschnitte klicke auf Neue Section hinzufügen" - die neue liquid Datei ist nicht leer, lösche ich den vorhandenen Inhalt.

 

- unter Vorlagen gibt es nur eine index.json datei, keine index.liquid

 

Vielen herzlichen Dank 🙂

 

 

 
vagabund
Entdecker
25 2 0

Hallo Gabe,

 

ist es für das dawn theme die theme.liquid datei? Ich habe den code hier eingefügt, leider wae die Sektion aber an einer falschen Stelle und nicht korrekt dargestellt.

 

vagabund_0-1719855678986.png

 

Vielen Dank!

vagabund
Entdecker
25 2 0

Leider habe ich immer noch keine Lösung für dieses Problem gefunden - gibt es eventuell andere Möglichkeiten dies zu umgehen? 

 

Vielen herzlichen Dank!

Gabe
Shopify Staff
18494 2902 4268

Hey @vagabund 

 

Apropos, es ist gerade eine neue deutsche und FREE App rausgekommen, die es dir erlaubt weitere Info-Blocks zu den Produktinformationen hinzuzufügen um die Kundenerfahrung und deine Conversions zu verbessern! Vielleicht kann der App Entwickler dir helfen die Blocks im Abschnitt auf der Homepage einzubauen!

 

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