Größentabelle Theme Dawn

[Lin22da]

Hallo Zusammen,

ich möchte gern in das Theme Dawn eine Größentabelle direkt an die Produkte koppeln und anzeigen lassen.

Dazu habe ich diese Anleitung (https://help.shopify.com/de/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-...) gefunden und bin den Schritt auch gefolgt.

Im letzten Schritt soll man diesen Schritt befolgen:

Leider gibt es im Theme Dawn kein product-template.liquid und auch bei den anderen Seiten haben ich den Code <button type="submit" name="add" nicht finden können.

Wo  und wie muss ich was einfügen, damit ich eine Größentabelle generieren kann?

Danke und viele Grüße!

Linda

[Gabe]

Hey Linda! @Lin22da 

Danke für die Angaben und diese Anleitung ist nur für die Themes gedacht die wir nicht mehr supporten, wie man hier lesen kann:

Mit deinem Dawn Theme hast du viele Vorteile im Gegensatz zu den Vintage Themes wie Debut oder Brooklyn, wie z. B. du kannst die Größentabelle jetzt viel einfacher auf jeder Produktseite anzeigen. Die obige Anleitung zeigt auch die eine selbe Größentabelle auf allen Seiten was du wahrscheinlich nicht möchtest.

• Siehe meinen kurzen Video dazu hier.

Möchtest du deinen Kunden eine richtig professionelle Größentabelle Experience auf der Produktseite anbieten, wie z. B. die Größentabelle als Popup Lightbox, dann siehe auch unsere App Demos (alle mit Free Plans!), die zeigen wie das aussehen kann hier:

• Größentabelle mit Onclick-aufklappbaren Button
• Größentabelle als Popup Lightbox (Vorteil - der Kunde bleibt auf der Produktseite).
• Dasselbe nochmal.
• Weitere solche Apps hier.

Hoffe das hilft! 😉 

---
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. Oder lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

[Lin22da]

Hi @Gabe,

danke für deine Rückmeldung. Könntest du mir einmal bitte den Liquid-Code für die Tabelle zukommen lassen? Das wäre die eine Variante, die ich gern versuchen wöllte und über welche Apps kann man die Größentabellen als Pop-Up Lightbox anlegen?

Danke und liebe Grüße!
Linda

[Gabe]

Hey Linda! @Lin22da 

An erster Stelle - klicke doch in meinen Apps Link oben - die zwei Demos die ich oben verlinkt habe die die Größentabellen als Pop-Up Lightbox anzeigen, sind die Avada App und die BF Size Chart App.

Das ist doch die beste Kundenerfahrung einen solchen Popup anzubieten oder...? Und die App erlaubt es die per Drag&Drop ganz schnell einzurichten, sowie individuell pro jedem Produkt!!

Wenn du stattdessen den benutzerdefinierten Liquid Block verwenden möchtest den ich im Video oben demonstriere, dann lade alle Größentabellen Bilder zu deinem Dateienbereich hoch (Inhalte -> Dateien) und verwende einen Code wie den folgenden im benutzerdefinierten Liquid Block:

<a href="{{ 'LINK_ZUM_BILD' | asset_url }}" target="_blank">
   <img src="{{ 'LINK_ZUM_BILD' | asset_url }}" alt="Größentabelle" style="max-width:100%;">
</a>

Ersetze LINK_ZUM_BILD durch die CDN URL des Bildes im Dateienbereich. Durch das Klicken auf das Bild wird es in einem neuen Tab geöffnet, sodass Kunden es in voller Größe sehen können. Wenn du nicht möchtest, dass das Bild verlinkt ist, einfach den <a>-Tag entfernen und nur den <img>-Tag verwenden.

[Lin22da]

Hi @Gabe,

ich habe nun eine Seite für die Größentabelle angelegt und habe diese, wie du vorgeschlagen hast, als ausklappbare Zeile hinterlegt.

Nun ist es so, dass ich mehrere Größentabellen habe, die mit einem Produkt verknüpft werden müssen. Ich habe im ersten Schritt erstmal eine neue Seite als Standardprodukt hinterlegt. Ich kann jedoch keine Produkte der Seite zuweisen. Wie kann man das machen?

Bei mir ist die Vorlage, die ich unter Produkte verknüpfen kann, ausgegraut.

Danke und viele Grüße!

[Gabe]

@Lin22da 

Das beste hier wäre, dass wir einen 👁️ in dein Theme werfen und dir helfen, das zusammenzustellen, so dass die Größentabellen genau so angezeigt werden, sowie pro Produkt individualisiert sind, wie du es brauchst. Das werde ich hier in der Community nicht machen können, aber unser Support Team kann dir dabei helfen.

Um dir dabei behilflich zu sein, sende bitte eine E-Mail an unseren Support wie hier demonstriert von der E-Mail-Adresse, die du zur Anmeldung in deinem Shopify-Shop verwendest, und gib deine myshopify.com-URL da auch ein. Sobald die dein Konto authentifiziert haben, können sie dir weiterhelfen.

[Louikka7678]

lieber Gabe, 

ich habe ein ähnliches Problem und wäre aus deiner Antwort nicht ganz schlau. Ich nutze das Team Impuls und habe schon bei Seiten eine Größentabelle erstellt und auch ein Snippet erstellt und einen entsprechenden Code mit dem Titel Size-chart eingefügt. Dabei habe ich diese Anleitung genutzt: https://help.shopify.com/de/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-...

allerdings konnte ich nicht zwischen side wide/type/vendor wählen oder habe zumindest nicht gefunden, wo ich das auswähle.

ich konnte auch bei einem Produkt schon den zusätzlichen Blog mit dem Inhalt der größentabelle (aus Seiten) einfügen, aber dann war diese Größentabelle bei allen Produkten zu sehen. Ich habe aber für verschiedene Produkte verschiedene Größentabellen.

[Gabe]

Hey @Louikka7678 

Danke für die Infos und das Impulse Theme ist eins unserer besten - gute Wahl! 😉

Ich habe das jetzt selber in meinem Test-Impulse Theme getestet und folgendes ist Sachverhalt.

• ich konnte auch bei einem Produkt schon den zusätzlichen Blog mit dem Inhalt der größentabelle (aus Seiten) einfügen, aber dann war diese Größentabelle bei allen Produkten zu sehen. Ich habe aber für verschiedene Produkte verschiedene Größentabellen.

Das ist weil du dieselbe Standardvorlage verwendest. Erstelle für jedes separate Produkt eine separate Vorlage indem du unsere Anleitung hier folgst.

Dann um im Theme spezifische Größentabellen basierend auf Produkttyp oder Anbieter einzubinden, musst du eine bedingte Logik in dein Theme einbauen. Das kannst du im Liquid machen. Wenn du es selber 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!.

Hier sind die Schritte, die du unternehmen kannst, um verschiedene Größentabellen für verschiedene Produkttypen oder Anbieter anzuzeigen:

Schritt 1: Größentabellen als Seiten erstellen

Du hast bereits Größentabellen als Seiten erstellt. Jede Größentabelle sollte ihre eigene Seite haben, damit du sie leicht referenzieren kannst.

Schritt 2: Snippet für die Größentabelle erstellen

Wie du schon gemacht hast, erstelle ein Snippet (z.B. size-chart.liquid), das die Logik enthält, um die richtige Größentabelle anzuzeigen. Du kannst das vorhandene Snippet modifizieren, um verschiedene Bedingungen einzuführen.

Schritt 3: Bedingte Logik hinzufügen

Füge im Snippet eine bedingte Logik hinzu, um die entsprechende Größentabelle basierend auf Produktattributen wie product.type oder product.vendor anzuzeigen. Hier ist ein einfaches Beispiel, wie du das machen kannst:

{% if product.type == 'T-Shirts' %}
  {% include 'size-chart-tshirts' %}
{% elsif product.type == 'Hosen' %}
  {% include 'size-chart-hosen' %}
{% endif %}

In diesem Beispiel würde size-chart-tshirts oder size-chart-hosen das Snippet sein, das den Inhalt der entsprechenden Größentabelle enthält.

Schritt 4: Snippet in Produktseiten einbinden

Integriere das Snippet in deine Produktseitentemplates, normalerweise in product-template.liquid oder ein ähnliches Template, abhängig von deinem Theme.

{% include 'size-chart' %}

Dieser Code sollte an der Stelle stehen, an der du die Größentabelle anzeigen möchtest. Wenn du die Auswahl zwischen "side wide/type/vendor" in deinem Shopify Admin nicht finden kannst, liegt das möglicherweise daran, dass diese spezifische Konfiguration nicht standardmäßig im Impulse Theme verfügbar ist oder eine spezielle Anpassung erfordert, die über die Standardoptionen hinausgeht. Die oben beschriebene Methode bietet eine flexible Alternative, um spezifische Inhalte basierend auf Produktattributen anzuzeigen.

Falls du weitere Anpassungen benötigst oder Unterstützung bei der Umsetzung brauchst, bitte einen Shopify-Experten oder Entwickler zu konsultieren. Viele erreichst du in unserem Englischen Experten Forum aber ich sehe du hast deine Frage schon hier gestellt.

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.