Bild in Produktinformationen einfügen.

[selmanserin]

 

Hey Leute, möchte gern ein Bild zwischen Farben auswahl und der Mengen anzahl in die Produkinformation einfügen. Kann mir jemand dabei helfen. Ich finde bei den Block hinzufügen nichts was passen würde. siehe Bild was ich meine. Danke

[Gabe · Accepted solution]

Hey @selmanserin 

Um ein Bild zwischen der Farbenauswahl (colour swatch) und der Mengenauswahl (quantity selector) auf deiner Shopify Produktseite einzufügen, wirst du wahrscheinlich direkt Änderungen im Liquid-Code deines Shopify-Themes vornehmen müssen. Hier ist, wie du das machen kannst:

Suche nach der product.liquid Datei oder einer ähnlich benannten Datei im Ordner "Templates". Dies ist in der Regel das Haupttemplate für Produktseiten.

Wenn dein Theme Abschnitte verwendet (was bei den meisten modernen Shopify-Themes der Fall ist), schau im Ordner "Sections" und suche nach einer Datei wie product-template.liquid oder ähnlich. 

Innerhalb des Codes musst du die Stelle finden, an der die Farbenauswahl (colour swatch) und die Mengenauswahl (quantity selector) definiert sind. Dies kann je nach Theme variieren, aber du solltest nach HTML- oder Liquid-Elementen suchen, die so etwas wie class="color-swatch" oder class="quantity-selector" haben. Wenn du die Stelle gefunden hast, wo diese Elemente definiert sind, füge deinen Bildcode zwischen sie ein. Zum Beispiel:

<img src="URL_DEINES_BILDES" alt="Beschreibung des Bildes">

Wenn du es selber auf deiner Produktseite 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!

---
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.

[selmanserin · Accepted solution]

Hey Gabe,

vielen Dank für die Info. Eine Frage hätte ich noch wo finde ich meinen Bildcode ? denn ich einfügen muss?

[Gabe · Accepted solution]

Hey @selmanserin 

Um ein Bild zwischen der Farbenauswahl (colour swatch) und der Mengenauswahl (quantity selector) auf deiner Shopify Produktseite einzufügen, wirst du wahrscheinlich direkt Änderungen im Liquid-Code deines Shopify-Themes vornehmen müssen. Hier ist, wie du das machen kannst:

Suche nach der product.liquid Datei oder einer ähnlich benannten Datei im Ordner "Templates". Dies ist in der Regel das Haupttemplate für Produktseiten.

Wenn dein Theme Abschnitte verwendet (was bei den meisten modernen Shopify-Themes der Fall ist), schau im Ordner "Sections" und suche nach einer Datei wie product-template.liquid oder ähnlich. 

Innerhalb des Codes musst du die Stelle finden, an der die Farbenauswahl (colour swatch) und die Mengenauswahl (quantity selector) definiert sind. Dies kann je nach Theme variieren, aber du solltest nach HTML- oder Liquid-Elementen suchen, die so etwas wie class="color-swatch" oder class="quantity-selector" haben. Wenn du die Stelle gefunden hast, wo diese Elemente definiert sind, füge deinen Bildcode zwischen sie ein. Zum Beispiel:

<img src="URL_DEINES_BILDES" alt="Beschreibung des Bildes">

Wenn du es selber auf deiner Produktseite 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!

---
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.

[selmanserin · Accepted solution]

Hey Gabe,

vielen Dank für die Info. Eine Frage hätte ich noch wo finde ich meinen Bildcode ? denn ich einfügen muss?

[Ben310 · Accepted solution]

@selmanserin 

Lade dein Bild hier im Admin hoch:

[selmanserin]

Hey Ben310, vielen Dank an euch alle.

Ihr seit echt TOP.