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 )
Für die freistellung des Bildes empfehlen wir GIMP (kostenfreies Bildbearbeitungsprogramm)
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 (angelegter Name)
2dCanvasgreyscale
0, 1
keiner
(als Checkbox anlegen), gibt an, ob hochgeladene Bilder eingefärbt werden sollen
2dCanvasgreyscalecolor
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 jeden gestaltbaren Artikel angelegt sein.
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
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.(Farbauswahl bleibt optisch sichtbar aber ohne Funktion)
2dCanvasgreyscale
(Checkbox), gibt an, ob hochgeladene Bilder eingefärbt werden sollen
-
#999999
Farbe, mit der ein hochgeladenes Bild eingefärbt werden soll
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.
ZUM DEMOSHOP Erleben Sie das Plugin im Einsatz.
Einstellungen
Funktionsattribute in der JTL Wawi anlegen und für den Onlineshop aktivieren
JTL Shop5 ( Darstellung > Einstellung > Bilder) Dateiformat umstellen auf PNG
JTL Wawi Bilder in PNG (Achtung bei "Bilder skalieren und konvertieren)
Freitext-Variation mit dem Namen "eigene Gestaltung" im Artikel anlegen
2 Bilder im Artikel hinterlegen (ein Bild als Hintergrund eins als Maske mit ausgeschnittenem Bereich)
Ausführungszeit im Shop anpassen. Empfehlung: 120 PHP Speicherlimit 2048M
Sie möchten eingefärbte Motive (nur eine Farbe möglich)
2dCanvasgreyscale
als Checkboxanlegen
(Checkbox), gibt an, ob hochgeladene Bilder eingefärbt werden sollen
2dCanvasgreyscalecolor
#999999
Farbe, mit der ein hochgeladenes Bild eingefärbt werden soll
Bildaufbau in der Wawi bei diesem Artikel
Attribut : 2dCanvasLayers 2 Anzahl der Maskenebenen
Kundedaten vom Designer
Was passiert wenn ein Kunde seinen Artikel designt hat?
Der Auftrag in der JTL Wawi.
Nach dem Shopabgleich landet der Auftrag mit einer eigenen ID in der JTL Warenwitschaft.
Im Artikel unter Hinweis finden Sie diese.
Der Auftrag im Shop Backend.
Sie finden im Shopbackend direkt im Plugin " 2D Designer" die Aufträge die mit dem Designer anglegt wurden.
Aufgelistet nach Bestellnummern, finden Sie jeweils zum Auftrag einen Download Link.
Iher erhalten Sie eine ZIP Datei
- SVG
- PNG
- Textdatei
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.
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. 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.
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
