FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.

Abschnitt Produktinformationen auf Startseite einfügen um mehrere Bilder anzuzeigen

Abschnitt Produktinformationen auf Startseite einfügen um mehrere Bilder anzuzeigen

vagabund
Entdecker
26 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! 🙂

9 ANTWORTEN 9

vagabund
Entdecker
26 2 0

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

 

Vielen Dank

Gabe
Shopify Staff (Retired)
19233 3005 4401

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
26 2 0

Vielen Dank Gabe! 

 

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

 

Danke 🙂

Gabe
Shopify Staff (Retired)
19233 3005 4401

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
26 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
26 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
26 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 (Retired)
19233 3005 4401

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

vagabund
Entdecker
26 2 0

Hi Gabe,

 

danke für den Hinweis, diese App geht aber auch nur auf der Produktseite und nicht auf der Startseite....

 

Evtl könntest du noch einmal auf mein oberen Fragen eingehen, wir sind der Lösung ja bereits so nahe 😄

 

 


@Gabe  schrieb:

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! 😉


 

Vielen Dank