Mehrere AnsichtenBekleidung2026-11-06·Aktualisiert 2026-11-07·5 Min. Lesezeit

So verkaufen Sie individuelle Hoodies mit Druck auf Vorderseite, Rücken und Ärmeln in Shopify

Hoodie in Shopify einrichten: vier Druckbereiche (Vorderseite, Rücken, beide Ärmel), je mit eigener Ansicht, eigenem Preis und Grafik, Upload oder Text.

Hoodie-Customizer mit der Rückansicht und dem Schriftzug CAMP CREW in Gold, die Druckbereiche Vorderseite und Rücken sind angehakt
💡

Kurz gesagt: Für individuelle Hoodies mit Podifai legen Sie je Druckbereich eine eigene Vorschauansicht an (Vorderseite, Rücken, linker Ärmel, rechter Ärmel), jeweils mit eigenem Hoodie-Foto. Über eine Checkbox mit Mehrfachauswahl wählen Kunden die gewünschten Bereiche, im Demo-Shop je $12, und Conditions blenden für jeden angehakten Bereich eine Auswahl des Designstils ein (Grafik, Upload oder Text). Farbe und Größe bleiben Shopify-Varianten. Starten Sie mit der fertigen Hoodie-Vorlage. Alle hier genutzten Funktionen sind im Free-Tarif enthalten.

Was sehen Kunden?

  1. Auf der Produktseite Hoodie-Farbe und Größe wählen, dann auf Customize klicken.
  2. Anhaken, wo gedruckt werden soll: Front, Back, Left sleeve und/oder Right sleeve. Jeder Bereich kostet $12.00 extra.
  3. Für jeden angehakten Bereich einen Designstil wählen: eine von vier Grafiken, einen eigenen Upload oder Text.
  4. Bei Text die Wörter eingeben und eine von sechs Schriften und sieben Farben wählen.
  5. Durch die Ansichten wischen, um jede Seite zu prüfen, dann in den Warenkorb legen.
Ein Kunde ändert die Grafik auf der Vorderseite, fügt goldenen Text auf dem Rücken und einen Druck auf dem linken Ärmel hinzu, und die Vorschau dreht sich jeweils zur passenden Seite.
Mobiler Customizer mit der Ansicht des linken Ärmels eines anthrazitfarbenen Hoodies mit Abzeichen, Front und Left sleeve sind angehakt
Mobil: Über Pfeile und Punkte wechseln Kunden zwischen den vier Ansichten, jeder angehakte Bereich kostet $12 extra.

Probieren Sie es selbst am Live-Demoprodukt aus.

Was brauchen Sie vor dem Start?

1. Podifai installieren und App-Embed aktivieren

Installieren Sie Podifai aus dem Shopify App Store, öffnen Sie dann Online Store > Themes > Edit theme > App embeds und aktivieren Sie Podifai Customizer. Siehe Enable App Embed.

2. Farbe und Größe als Shopify-Varianten belassen

Legen Sie den Hoodie mit den Varianten Farbe und Größe an, damit Shopify den Bestand je Größe verwaltet. Hinterlegen Sie bei jeder Farbvariante das Foto der Vorderseite.

3. Vier Fotos je Farbe aufnehmen

Sie brauchen Fotos der Vorderseite, des Rückens sowie der linken und rechten Seite des Hoodies, flach liegend und im gleichen Maßstab. Die Vorderseite nutzt das Variantenbild, Rücken und Ärmel nutzen die zusätzlichen Fotos. Siehe Image & Asset Requirements.

Was gehört in Shopify-Varianten, was in Podifai?

Unbedruckte Kleidungsstücke sind Lagerware, Designs nicht. Teilen Sie sie so auf:

Ihre SituationEmpfehlungDas bringt es Ihnen
Hoodie-Farbe und -GrößeShopify-Varianten (wie im Demo-Shop)Bestand je Größe und Farbe, gängige Größentabellen und Filter
Welche Bereiche bedruckt werdenPodifai Checkbox mit Preis je BereichEine Zeile im Warenkorb, Preis nach Anzahl der Druckbereiche
Was in jedem Bereich gedruckt wirdPodifai Badge Group, Image Swatch, Image Upload und Text InputNur die Felder der angehakten Bereiche werden angezeigt

Verkaufen Sie viele Farben, stellen Sie den Background der Vorderansicht auf Variant image, damit die Vorschau der gewählten Farbe folgt.

Wie richten Sie es am schnellsten ein?

Podifai enthält eine fertige Hoodie-Vorlage (in Podifai Templates als „Custom Hoodie (4 Placements)“ aufgeführt) mit denselben 19 Optionen und vier Ansichten wie der Demo-Shop. Klicken Sie auf Copy to Product, wählen Sie Ihren Hoodie und klicken Sie auf Apply (oder auf Override, das vorhandene Podifai-Optionen ersetzt). Laden Sie dann Ihre eigenen Fotos für Rücken und Ärmel in den jeweiligen Ansichten hoch, ersetzen Sie die Beispielgrafiken durch Ihre eigenen, prüfen Sie den Preis je Bereich und speichern Sie.

Podifai-Seite Templates mit der Hoodie-Vorlage und dem Button Copy to Product

Welche Optionen brauchen Sie?

Der gesamte Konfigurator besteht aus 6 Podifai-Optionen an einem Shopify-Produkt:

OptionPodifai-TypWichtige EinstellungenPreis
Design placementCheckboxFront, Back, Left sleeve, Right sleeve; mehrere Werte, maximal 4+$12 je Bereich
[Area] - Design styleBadge Group (x4)Images, Uploads oder Text; sichtbar, wenn der Bereich angehakt istKostenlos
[Area] - ImagesImage Swatch (x4)Vier Grafiken, platziert in der Ansicht des BereichsKostenlos
[Area] - Upload imageImage Upload (x4)Motiv des Kunden in der Ansicht des BereichsKostenlos
[Area] - TextText Input (x4)Feste Breite mit Verkleinerung, verknüpfte Farbe und SchriftKostenlos
Text style, Text colorFont Swatch, Color SwatchFür alle Textbereiche gemeinsam; sichtbar, sobald ein Bereich Text nutztKostenlos

So richten Sie es in Podifai ein, Schritt für Schritt

Diese Schritte entsprechen dem Live-Demoprodukt. Rote Rahmen markieren, was Sie ändern, und die Nummern folgen der Reihenfolge im Text des Schritts.

Schritt 1: Die Optionstypen hinzufügen

Öffnen Sie den Hoodie im Podifai-Editor und klicken Sie links auf das Menüsymbol. Unter Option Type brauchen Sie eine Checkbox für die Druckbereiche, dann je Bereich eine Badge Group, einen Image Swatch, einen Image Upload und ein Text Input, dazu einen gemeinsamen Font Swatch und Color Swatch. Bauen Sie zuerst das Set für die Vorderseite und kopieren Sie es dann mit Duplicate bei jeder Option für Rücken und Ärmel.

Menü Option Type im Podifai-Editor mit hervorgehobenen Einträgen Image Swatch, Color Swatch, Font Swatch, Badge Group, Checkbox, Text Input und Image Upload

Schritt 2: Für jeden Druckbereich eine Ansicht anlegen

Klicken Sie unter der Vorschau neben den Ansichts-Tabs auf +, um Back, Left sleeve und Right sleeve neben Front hinzuzufügen. Wählen Sie jede neue Ansicht, stellen Sie Background auf Custom image und laden Sie das passende Hoodie-Foto hoch. Lassen Sie Front auf Variant image, damit die Ansicht der gewählten Farbe folgt.

Ansichts-Tabs Front, Back, Left sleeve und Right sleeve, die Ansicht Back nutzt ein eigenes Foto der Hoodie-Rückseite
1. Eine Ansicht je Druckbereich · 2. Die Ansicht Back nutzt das Rückenfoto

Schritt 3: Kunden die Druckbereiche wählen lassen

Fügen Sie eine Checkbox namens Design placement mit vier Werten hinzu. Aktivieren Sie Allow multiple option values und setzen Sie Max selections auf 4. Setzen Sie Front als Default option und lassen Sie Required field aktiviert, damit jede Bestellung mindestens einen Druck enthält.

Checkbox Design placement mit vier Werten und Mehrfachauswahl bis maximal 4
1. Ein Wert je Druckbereich · 2. Mehrfachauswahl erlauben, bis zu 4

Schritt 4: Pro Druckbereich berechnen

Klicken Sie jeden Wert an, um Edit option value zu öffnen, und stellen Sie Price adjustment auf Increase by fixed amount, im Demo-Shop 12.00. Stellen Sie optional Switch preview to auf die Ansicht dieses Werts, damit die Vorschau beim Anhaken von Back zum Rücken wechselt.

Edit option value für Back mit einem Festpreis von 12.00 und der Einstellung Switch preview to
1. $12 je Druckbereich · 2. Optional: zur Ansicht des Werts wechseln

Schritt 5: Die Felder eines Bereichs nur zeigen, wenn er angehakt ist

Wählen Sie Back - Design style, aktivieren Sie Condition und fügen Sie die Regel Design placement contains Back hinzu. Geben Sie dann Back - Images die Regel Back - Design style contains Images und verfahren Sie ebenso bei Uploads und Text. Wiederholen Sie das für Vorderseite und Ärmel.

Badge Group für den Designstil auf dem Rücken mit der Condition Design placement contains Back

Schritt 6: Jedes Design in seiner Ansicht platzieren

Wählen Sie Back - Images und öffnen Sie Live Preview. Die Ebene gehört zur Ansicht Back. Stellen Sie also Width/height und X/Y so ein, dass sie den Druckbereich auf dem Rücken ausfüllt (im Demo-Shop 20 % breit, zentriert). Grafiken auf der Vorderseite sitzen klein auf der Brust (10 % breit), Grafiken auf den Ärmeln sind etwa 12 % breit. Gehen Sie bei Uploads und Text in jedem Bereich genauso vor. Klicken Sie auf Save und haken Sie im Shop jeden Bereich an, um ihn zu prüfen.

  • Textfelder nutzen Fixed width mit Shrink text, sodass lange Wörter verkleinert werden und auf den Ärmel passen.
  • Die gemeinsamen Swatches für Schrift und Farbe nutzen eine Condition mit Any: Front, Back, Left oder Right design style contains Text.
Ansicht Back mit einem großen, zentrierten Abzeichen auf dem Hoodie-Rücken und den Positionseinstellungen der Live-Vorschau
1. Im Druckbereich auf dem Rücken platzieren · 2. In der Ansicht Back angezeigt

Was passiert im Warenkorb und nach der Bestellung?

Shopify-Warenkorb auf dem Smartphone mit dem Hoodie in Charcoal / S, den Druckbereichen Front und Left sleeve und ihren Designs
Die Warenkorbposition zeigt die Variante, die gewählten Druckbereiche und das Design jedes Bereichs. $44.99 + 2 × $12 = $68.99.
Podifai-Orders-Bereich zur Hoodie-Bestellung mit Charcoal / S, den Platzierungen Front und Left sleeve samt Bildern und einem Live-Preview-Bildlink für jeden Druckbereich
Jeder Druckbereich speichert in der Bestellung seine eigene Designauswahl und seinen eigenen Live-Preview-Link.
  • Farbe und Größe stammen aus der Shopify-Variante, Druckbereiche und Designs sind Eigenschaften der Bestellposition.
  • Jede Ansicht erhält ein eigenes Vorschaubild in der Bestellung (Live Preview Image - Front, - Back, - Left sleeve, - Right sleeve), sodass Ihr Druckteam jede Seite sieht.
  • Hochgeladene Motive werden in Originalauflösung mit der Bestellung gespeichert.
  • Bei aktiviertem Generate print-ready files erstellt Podifai je Bereich eine transparente PNG-Datei für den DTG- oder DTF-Druck.

Fehlerbehebung

Ein Design erscheint auf der falschen Seite

Die Ebene der Option ist einer anderen Ansicht zugeordnet. Wählen Sie die Option, prüfen Sie ihre Ansicht und platzieren Sie sie in der richtigen neu. Siehe Multiple views.

Ärmel-Felder erscheinen, ohne dass der Ärmel angehakt ist

Beim Designstil des Ärmels fehlt die Condition. Fügen Sie Design placement contains Left sleeve (oder Right sleeve) hinzu. Siehe Conditional Logic.

Die Vorderseite in der Vorschau wechselt die Farbe nicht

Stellen Sie den Background der Ansicht Front auf Variant image und stellen Sie sicher, dass jede Farbvariante ein eigenes Foto hat.

Verkaufstipps

  • Den beliebtesten Bereich in den Grundpreis einrechnen. Lässt fast jeder Kunde die Vorderseite bedrucken, rechnen Sie sie in den Grundpreis ein und berechnen Sie nur zusätzliche Bereiche.
  • Fertige Grafiken anbieten. Eine kleine Auswahl passender Grafiken führt öfter zum Kauf als ein leeres Upload-Feld und liefert Ihnen druckfähige Dateien.
  • Uploads in hoher Auflösung anfordern. Ergänzen Sie bei den Upload-Feldern einen Hilfetext wie „PNG mit transparentem Hintergrund, mindestens 3000 px“.

Was können Sie mit dieser Einrichtung noch verkaufen?

Dieselben Ansichten und Preise je Bereich eignen sich für jedes Produkt, das auf mehr als einer Seite bedruckt wird:

  • T-Shirts, Sweatshirts und Jacken
  • Trikots mit Name und Nummer auf dem Rücken
  • Stoffbeutel mit zwei bedruckten Seiten
  • Kappen mit Stickerei vorn und seitlich
  • Tassen und Trinkbecher mit Design auf Vorder- und Rückseite

Häufig gestellte Fragen

Weitere Podifai-Anwendungsbeispiele

Verwandte Hilfeartikel (auf Englisch)

Bauen Sie diesen Konfigurator in Ihrem Shop

Kostenlos für 3 personalisierte Produkte. Starten Sie mit der fertigen Vorlage und passen Sie an, was Sie brauchen.

Chelsea Tang

Geschrieben von Chelsea Tang, Gründerin von Podifai

Produktdesignerin und Solo-Gründerin. Sie baut Podifai in Melbourne, um DTC-Händlern einen besseren Shopify-Produktkonfigurator zu bieten. LinkedIn