Mit dem brandneuen JTL-Shop 5 Plugin geben Sie Ihren Online-Kunden die Möglichkeit, ausgewählte Artikel nach eigenen Vorstellungen zu gestalten und zu verzierren.
Dies erfolgt in einem intuitiv benutzbaren Editor direkt in der Artikelansicht in ihrem Online-Shop.
- Bilder hochladen
- Text editieren
- Motive zur Auswahl geben
Dabei kommen die ganz normalen Artikelbilder als Masken zum Einsatz. Mithilfe dieser Masken können Sie den gestaltbaren Bereich für einen Artikel bestimmen.
Durch den Einsatz von zwei Masken, jeweils für Hintergrund und Vordergrund, ist es leicht möglich, Aussparungen, etwa für Brusttaschen bei Hemden, im gestaltbaren Bereich umzusetzen.
Der gestaltbare Bereich liegt dann im Editor zwischen diesen beiden Masken.
Sie haben die Möglichkeit, Standardelemente, die ihre Kunden zur Gestaltung heranziehen können, nach eigenen Vorstellungen anzulegen und zu gruppieren.
Für Texte können sie die verfügbaren Schriftarten festlegen.
Wir nutzen bei dem Plugin nicht die Google Fonts Server direkt, sondern die Schriften werden auf ihrem Shop-Server gespeichert. Daher besteht keine Abmahngefahr.
Gestaltungen zu Bestellungen können über den Admin-Bereich des Plugins im Shop heruntergeladen werden. Optional können diese Dateien auch über die WAWI heruntergeladen werden, wenn das JTL-Upload-Modul für den Shop lizenziert ist.
ZUM DEMOSHOP Erleben Sie das Plugin im Einsatz.
CiN 2D Designer
Mit diesem Plugin geben sie ihren Online-Kunden die Möglichkeit ausgewählte Artikel nach eigenen Vorstellungen zu gestalten. Dies erfolgt in einem intuitiv benutzbaren Editor direkt in der Artikelansicht in ihrem Online-Shop.
Dabei kommen die ganz normalen Artikelbilder als Masken zum Einsatz. Mit Hilfe dieser Masken können sie den gestaltbaren Bereich für einen Artikel bestimmen. Durch den Einsatz von zwei Masken, jeweils für Hintergrund und Vordergrund, ist es leicht möglich Aussparungen, etwa für Brusttaschen bei Hemden, im gestaltbaren Bereich umzusetzen. Der gestaltbare Bereich liegt dann im Editor zwischen diesen beiden Masken.
Sie haben die Möglichkeit Standardelemente, die ihre Kunden zur Gestaltung heranziehen können, nach eigenen Vorstellungen anzulegen und zu gruppieren. Für Texte können sie die verfügbaren Schriftarten festlegen.
Gestaltungen zu Bestellungen können über den Admin-Bereich des Plugins im Shop heruntergeladen werden. Optional können diese Dateien auch über die WAWI heruntergeladen werden, wenn das JTL-Upload-Modul für den Shop lizensiert ist.
Voraussetzungen WAWI
Artikelbilder als Designer-Masken
- es werden die ersten beiden Artikelbilder als Masken für den Designer verwendet. Die tatsächliche Anzahl wird mit u.g. Funktionsattribut eingestellt
- optional ist ein drittes Bild als Vorschaubild möglich. Ein Artikel hätte dann in der Reihenfolge von oben nach unten die folgenden Bilder: 1. Vorschaubild, 2. Hintergrund für Designer, 3. Transparenzmaske für Designer, 4. optionaler Hintergrund für die Rückseite, 5. optionale Transparenzmaske für die Rückseite
- die Bilder sollten in der WAWI im PNG-Format eingestellt werden, damit Transparenzen in den Masken realisiert werden können
- die Größe der Bilder sollte zwischen 800 und 1000 Pixeln liegen. Hier müssen sie ggf. experimentieren, um die passende Größe für ihr Template zu finden
- speichern Sie die Bilder als RGB oder Truecolor ab!
- schalten Sie in Ihrem Shop 5 die Bildkonvertierung Webp ab. Bitte nur png nutzen. ( www.ihrshop.de/admin/bilder.php - Dateiformat )
Funktionsattribute (anlegen und für den Shop aktivieren!)
| Attributname |
Attributwert |
Standardwert |
Beschreibung |
| 2dCanvasEnable |
0, 1 |
1 |
gibt an, ob der Artikel gestaltet werden kann |
| 2dCanvasLayers |
1, 2 |
1 |
Anzahl der Maskenebenen |
| 2dCanvasLeft |
270 |
keiner |
Position von links in Pixeln, relativ zum Maskenbild |
| 2dCanvasTop |
118 |
keiner |
Position von oben in Pixeln, relativ zum Maskenbild |
| 2dCanvasWidth |
261 |
Bildbreite |
Breite des Zeichenbereichs in Pixeln, bezogen auf Maskenbild |
| 2dCanvasHeight |
567 |
Bildhöhe |
Höhe des Zeichenbereichs in Pixeln, bezogen auf Maskenbild |
| 2dCanvasModules |
upl,mot,txt |
|
Gestaltungsmodule. Überschreibt globale Einstellung |
| 2dCanvasMotiveCategories |
kommagetrennte Liste |
|
Kann verwendet werden, um die Motive pro Artikel zu steuern, Freitext |
| 2dCanvasgreyscale |
0, 1 |
keiner |
(als Checkbox anlegen), gibt an, ob hochgeladene Bilder eingefärbt werden sollen |
2dCanvasgreyscalecolor
2dCanvasColorize |
HEX Farbcode |
#999999 |
Farbe, mit der ein hochgeladenes Bild eingefärbt werden soll |
| 2dCanvasTextCurvature |
0, 1 |
keiner |
erlaubt Textkrümmung per Artikel, optional, Checkbox |
| 2dCanvasFonts |
kommagetrennte Liste |
keiner |
Kann verwendet werden, um die Schriftarten pro Artikel zu steuern, Freitext |
| 2dCanvasDesignOptional |
0, 1 |
0 |
Checkbox, gibt an ob ein Artikel ungestaltet in den Warenkorb gelegt werden kann |
Variation
Um eine dauerhafte Referenz auf die Gestaltung zu erhalten, verwendet das Plugin eine Freitext-Variation mit dem
Namen "eigene Gestaltung".
Diese Variation muss für jeden gestaltbaren Artikel angelegt sein.
(nur bei Artikel wo der 2D Designer angelegt wird. Bei Variationsartikeln nur in den Kindern Nicht im Vater!)
Upload-Modul
Möchten sie die Dateien, die der Designer erzeugt, innerhalb der WAWI herunterladen, so benötigen sie eine Lizenz für das Upload-Modul von JTL. Legen sie dann bei den Artikeln im Reiter "Dateien" eine Upload-Datei mit dem Namen "2dref" und dem Typ .zip an.
CSV Beispiel-Datei der Attribute zum Ameisenimport in die WAWI
"Artikelnummer";"Artikelname";"Interner Schluessel";"EAN/Barcode";"HAN";"Serie";"Attributgruppe";"Attributname";"Attributwert";"Sortiernummer";"Attributtyp";"Attribut / Funktionsattribut";"2d Designer Deutsch: Attributwert";
"1";"Smartphone Cover";"44963";"4674684618";;;;"2dCanvasEnable";"1";;;"Funktionsattribut";;
"1";"Smartphone Cover";"44963";"4674684618";;;;"2dCanvasLayers";"2";;;"Funktionsattribut";;
"1";"Smartphone Cover";"44963";"4674684618";;;;"2dCanvasLeft";"270";;;"Funktionsattribut";;
"1";"Smartphone Cover";"44963";"4674684618";;;;"2dCanvasTop";"118";;;"Funktionsattribut";;
"1";"Smartphone Cover";"44963";"4674684618";;;;"2dCanvasWidth";"261";;;"Funktionsattribut";;
"1";"Smartphone Cover";"44963";"4674684618";;;;"2dCanvasHeight";"567";;;"Funktionsattribut";;
"1";"Smartphone Cover";"44963";"4674684618";;;;"2dCanvasModules";"upl,mot,txt";;;"Funktionsattribut";;
Voraussetzungen Shop
- Stellen sie sicher, dass die PHP-Erweiterungen Ziparchive, GD und Imagick aktiviert sind. GD sollte für den Shop sowieso aktiviert sein, Imagick wird zum erstellen von Schriften benötigt.
- Imagick und damit auch ImageMagic muss SVG unterstützen. Bei manchen Distributionen ist diese in einem zusätzlichen Paket realisiert (libmagick...extra). Sehen sie in phpinfo unter imagick, ImageMagick supported formats nach, ob dort SVG mit aufgeführt ist.
- Debian 8 verfügt über eine veraltete und fehlerhafte Version von ImageMagick, die bei manchen Schriftarten verzerrte Ausgaben erzeugt.
- Wenn auf ihrem Shop-Server pngcrush installiert ist, so wird dies automatisch erkannt und zur Optimierung der Motive verwendet.
- Im Shop muss im Admin-Bereich im Menü Storefront -> Bilder -> Einstellungen "PNG" als Dateityp für Bilder eingestellt sein, damit Transparenzen in den Maskenbildern erhalten bleiben.
- Der 2d Designer ist in der Ausgangsversion auf das Evo-Template von JTL ausgelegt, lässt sich aber leicht auf ähnliche Templates anpassen.
Module
Im Backend können die Module für Bild-Upload, Motive und Text global aktiviert werden. Diese gelten dann für alle Artikel, die den Designer verwenden.
Über das Funktionsattribut 2dCanvasModules kann dies auch pro Artikel erfolgen. Dabei gilt: ist das Attribut vorhanden, dann überschreibt es die globale Einstellung. Ist im Attribut ein Wert für ein Modul enthalten, so wird dieses Modul aktiviert. Fehlt der Wert, dann wird es deaktivert.
| Modul |
Attributwert |
| Bilder Upload |
upl |
| Motive |
mot |
| Text |
txt |
Zweiseitig gestaltbare Artikel
Soll ein Artikel, etwa ein T-Shirt, beidseitig gestaltbar sein, muss dem Artikel ein weiteres Funktiosattribut hinzugefügt werden:
2dCanvasFlipable 0,1
Ist dieses Attribut vorhanden und hat den Inhalt "1", dann gibt es automatisch einen doppelten Satz an Funktionsattributen, welche die Vorder- bzw. Rückseite steuern.
| Einfach |
Flipable |
| 2dCanvasLayers |
2dCanvasLayersFront, 2dCanvasLayersBack |
| 2dCanvasLeft |
2dCanvasLeftFront, 2dCanvasLeftBack |
| 2dCanvasTop |
2dCanvasTopFront, 2dCanvasTopBack |
| 2dCanvasWidth |
2dCanvasWidthFront, 2dCanvasWidthBack |
| 2dCanvasHeight |
2dCanvasHeightFront, 2dCanvasHeightBack |
- Die Attribute funktionieren genau so, wie bei einem einseitigen Artikel
- Eine eventuell vorhandenene artikelindividuelle Modulkonfiguration (2dCanvasModules) gillt immer für beide Seiten eines Artikels gleich
-
Die normalen Attribute für einseitige Artikel haben dann keine Wirkung mehr!
- Für die Bilder der Rückseite gilt dann: 4. Bild ist der Hintergrund für die Rückseite, 5. Bild ist die Transparenzmaske für die Rückseite
Staffelpreise für Text und Motive/Bilder
Das JTL-Konfigurator-Modul kann verwendet werden, um Aufpreise für Gestaltungselemente zu realisieren.
Dazu müssen in der WAWI entsprechende Konfigurationgruppen mit den folgenden Name in dieser Reihenfolge und an oberster Position angelegt werden:
1. 2dCanvasExtraChargeTexts
2. 2dCanvasExtraChargeMotives
Beide Gruppen sind vom Typ "selectbox" und haben eine Mindestmenge von 0. Die Komponenten haben ein Minimum von 1 und ein Maximum, welches sie auf einen vernünftigen Wert festlegen können.
Nun legen sie ein weitere FunktionsAttribut mit dem Name "2dCanvasDontShow" mit dem Typ Checkbox an. Dieses wird verwendet, um die Konfigurationskomponenten-Artikel aus dem Shop auszublenden.
Nun legen sie für Motive und Texte entsprechende Artikel mit den passenden Aufpreisen an. Diesen Artikeln weisen sie das FunktionsAttribut zu und fügen sie zur Konfigurationsgruppe hinzu.
Wenn sie nun einem gestalbaren Artikel diese Konfigurationsgruppe zuweisen, wird die Menge der einzelnen Komponenten vom Plugin ferngesteuert und so sicher gestellt, dass die Aufpreise für Motive und Texte korrekt angezeigt und berechnet werden.
Möchten sie Texte und Motive erst ab einer bestimmten Menge berechnen, dann können sie die Funktionsattribute "2dCanvasFreeText" und "2dCanvasFreeMotive", beides Ganzzahlen, verwenden, um festzulegen ab wie vielen Objekten Aufpreise fällig werden.
Sie möchten eingefärbte Motive (nur eine Farbe möglich)
(Farbauswahl bleibt optisch sichtbar aber ohne Funktion)
Dann bitte Funktionsattribut nutzen:
| 2dCanvasgreyscale |
|
|
(Checkbox), gibt an, ob hochgeladene Bilder eingefärbt werden sollen |
-
2dCanvasgreyscalecolor
2dCanvasColorize |
|
#999999 |
Farbe, mit der ein hochgeladenes Bild eingefärbt werden soll |
Plugin-Download
Über den Download-Button können Sie das Plugin downloaden und unverbindlich - sogar ohne Registrierung oder Angabe Ihrer Shop-URL - für den Zeitraum von 14 Tagen ausgiebig testen.
Lizenzhinweise
Die Laufzeit des Plugins ist auf 14 Tage beschränkt, danach deaktiviert es sich automatisch.
Wenn Sie es dauerhaft nutzen möchten, dann bitten wir Sie einfach, das Plugin zu kaufen, und wir werden es dann entsprechend Ihrer Zahlungsweise sofort freischalten.
Ein erneutes Herunterladen und Installieren ist nicht nötig - es wird automatisch als Vollversion aktiviert.
Nähere Informationen bezüglich der Laufzeit, Lizenz und Updates können Sie unseren Demo- und Lizenzhinweisen entnehmen.
Beim Kauf erhalten Sie eine Lizenz in der für Sie jeweiligen JTL-Shop Version.
Bitte beachten Sie die Endbenutzer-Lizenzvereinbarung (EULA) der CiN GmbH com-ins-netz.de (lesen).
Shop-Domain
Die Lizenz ist an die von Ihnen hier im Rahmen des Bestell-Prozesses angegebene Shop-Domain gebunden.
Bitte tragen Sie Ihre Shop-Domain exakt so ein, wie Sie Ihnen im Shop-Admin auf dem Dashboard bei den Server-Informationen rechts neben »Host« angezeigt wird (ohne führendes http:// bzw. https:// sowie ohne die angezeigte IP-Adresse).
Es gibt noch keine Bewertungen.
0.9.1 - 13.11.2023
- finally remove configuration ui elements from view
0.9.0 - 13.11.2023
- fix configurator for shop 5.2.x
0.8.3 - 9.11.2023
- re-enable splash logo setting
0.8.2 - 31.7.2023
0.8.1 - 16.5.2023
- fix statement fetchAll /PDO::FETCH_ASSOC
0.8.0 - 9.5.2023
- new license system
- httpful and fluen tpdo removed
0.7.1 - 23.2.2023
- fix gitlab packaging copy folders
0.7.0 - 23.2.2023
- introduce gitlab ci packaging
0.6.16
- Kindartikel können unabhängig voneinander optional gestaltbar sein.
0.6.15
- Behebt ein Timingproblem beim Platzieren im Warenkorb.
0.6.14
- Behebt ein weiteres Problem mit Motiven unter NGINX.
0.6.13
- Funktioniert jetzt auch mit NGIX.
0.6.7
- Behebt ein Problem, wenn im Apache-Webserver MultiViews aktiviert sind.
0.6.5
- Anpassungen an Änderungen in Shop 5.1.
0.6.4
- Behebt ein Problem, durch welches, in Abhängigkeit von der gewählten Zahlungsmethode und ihrer Konfiguration, die Zuordnung von Downloads zur Bestellposition nicht erfolgte.
0.6.3
- Behebt Probleme beim Laden des Designers
- Behebt verschwindende Maskenbilder bei undo/redo.
0.6.0
- Fügt Einstellung für Schriftartmenü im Designer hinzu.
0.5.9
- Behbt ein Timing-Problem, wodurch der Designer sporadisch nicht gestartet wurde.
- Filtert Liste der Schriftarten, so dass keine Doppelungen vorkommen.
0.5.7
- Behebt ein Problem, durch welches es in dseltenen Fällen zu Problemen mit dem Localstorage kommen konnte.
0.5.6
- Behebt einen Fehler, durch welchen es unter bestimmten Umständen dazu kommen konnte, dass keine Bilder/Motive zum Design hinzugefügt werden konnten.
0.5.5
- Behebt einen Fehler, durch welchen es unter bestimmten Umständen dazu kommen konnte, dass im Backend keine Motive hochgeladen werden konnten.
0.5.4
- Behebt einen Fehler, durch welchen in der mobilen Ansicht Artikelbilder fehlen konnten.
0.5.3
- Behebt einen Fehler, durch welchen es zu transparenten Rändern um den gestaltbaren Bereich kommen konnte.
0.5.2
- Aktualisiert Leinwand-Bibliothek.
0.5.1
- Führt FunktionsAttribut zur Farbsteuerung ein.
0.4.7
- Behebt einen Datenbankfehler bei wiederholter Installation des Plugins.
0.4.5
- Ergänzt fehlende Spalte, wenn von Shop Version 4 aktualisiert wird.
- Behebt ein Problem mit dem Font-Cache, wenn von Shop 4 aktualisiert wird.
0.4.4
- Ergänzt fehlende Daten in den Tabellen für Motive und Schriftarten, wenn von Shop Version 4 aktualisiert wird.
0.4.3
- Behebt Datenbankfehler bei Update von Shop 4.06 Build 17
0.4.0
- Anpassungen an Shop 5 Version 5.1.1
0.3.1
- Entfernt performancelastige Debugausgaben.
0.3.0
- Feature Update: Benutzerdefiniertes Logo für den Ladebildschirm.
0.2.5
