Designer

Einfärben von Shapes (SVG-Bilder) implementiert.

- das Einfärben ist nur dann möglich, wenn das in Canvas eingefügte SVG-Motiv selektiert/angeklickt wird

One-Stop-Shop (OSS) - Umsatzsteuer Verfahren der EU 2021 in den Option-Aufschlägen implementiert - s. Beschreibung im Handbuch.

https://docs.google.com/document/d/1R7hjPmrQA_prgWIXbUpgElOrpqq7EUNjXw1UkdiRo6w/edit?pli=1#heading=h.ckz6mtkka8a5

Neue erweiterte (optionale) Vorgabe-Parameter für einzeilige Texte:

1. fixedWidth

Zu verwenden in Verbindung mit dem Vorgabe-Paramter "maxWidth".  Wenn fixedWidth definiert und z.B. identisch mit dem Wert von "maxWidth" (also z.B. "maxWidth":500, "fixedWidth":500) und fixedFontSize (siehe unten) nicht definiert bzw gleich 0 ist, dann wird der Text bei Überschreitung von maxWidth bzw. fixedWidth auf fixedWidth automatisch verkleinert/angepasst, und zwar durch Verkleinerung von fontSize (weil fontSize nicht fixiert wurde).

2. fixedFontSize

Zu verwenden in Verbindung mit maxWidth. Wird fixedFontSize zusätzlich zu fixedWidth definiert z.B. identisch mit dem Wert von fontSize, dann erfolgt keine automatische Anpassung der Beschriftung Länge an die fixedWidth - es wird aber eine Warnung eingeblendet, dass der Text zu lang ist und der Warenkorb Button blockiert, damit der überlange Beschriftung nicht bestellt werden kann.

Neue erweiterete (optionale) Vorgabe-Parameter für "Upload" Dateien (Bitmaps, Logos):

"insertAfterUpload":true/false

Das Bild/Logo nach dem Upload in die Designfläche (in Canvas) automatisch einfügen, ja oder nein. Wenn "insertAfterUpload":false (= nein), dann muss das Bild nach dem Upload noch mit Maus angeklickt werden, damit dieses in die Designfläche eingefügt wird. Wenn dieser Parameter nicht angeben ist, wird zwecks Kompatibilität mit allen bisherigen Konfigurationen "false" angenommen (nicht automatisch einfügen). 

Parameter zur genaueren Positionierung des Upload-Bildes: 

"originX":"left/center/right"

Bestimmt die horizontale Position des Basispunktes (Einfügepunktes) vom einzufügenden Upload-Bild: links/mitte/rechts 

"originY":"top/center/bottom"

Bestimmt die vertikale Position des Basispunktes (Einfügepunktes) vom einzufügenden Upload-Bild: oben/mitte/unten 

"right":numerischer Wert in Pixel für Abstand zu der rechten Canvas-Kante

Bestimmt den Abstand des Basispunktes von Uplaod-Bild zu der rechten Kante der Designfläche (zur rechten Canvas-Kante).

Beispiel für die neuen Vorgabe-Parameter im Feld "Upload-Bilder":

{"o_upload":{"width":0, "height":293, "right":60, "top":207, "originX":"right", "originY":"center", "zindex":"forward", "insertAfterUpload":true}}

Die Vorgaben bedeuten, dass das Uploadbild auf die Höhe von 293 Pixel skaliert und automatisch nach Upload rechtsbündig eingefügt wird. Der Basispunkt des Bildes ist horizontal ganz rechts (rechtsbündig) und vertikal mittig deklariert.

Dieser Basispunkt wird genau 60 Pixel von der rechten und 207 Pixel von der oberen Canvas-Kante positioniert bzw. das Bild nach dieser Vorgabe (mittig und rechtsbündig) eingefügt.

Erweiterte Information (Max/Rest Zeichen) unter den TEXT Eingabefeldern.

WICHTIG:

Die neue "erweiterte Information" funktioniert nur in Verbindung mit dem "Produkt Konfigurator" ab Version 3.9.39 - s. Changelog für "Produkt Konfigurator". 

Die erweiterte Information unter dem TEXT-Eingabefeld ist optional und erscheint nur dann, wenn der neue Vorgabe-Parameter "maxrestView":true (in dem Vorgaben-JSON für Designer-Text) explizit gesetzt wurde. z.B.:

{"o_text1":{"maxrestView":true, "content":"Mein Text", "checkoutView_fontcolor":0, "checkoutView_fontsize":0, "fontFamily":"roboto-bold-italic", "fontFamilyName":"Roboto BOLD ITALIC", "fontFile":"roboto-bold-italic.woff", "fontSize":75, "fontColor":"rgb(255,33,0)", "fontColorName":"hellrot", "center":true, "left":0, "top":0, "margin-top":0, "margin-left":0, "angle":0, "maxWidth":450}}

Ansonsten wird die "erweiterte Information" nicht eingeblendet. 

Neue Vorgabe-Parameter für Beschriftung zur Steuerung der Ausgabe der Fontdaten in der Preisberechnung und Checkout:

1. "checkoutView_font":0 /*Keine Ausgabe von Font-Name*/

2. "checkoutView_fontcolor":0 /* Keine Ausgabe von Fontcolor*/

3. "checkoutView_fontsize":0 /* Keine Ausgabe von Fontsize */

Zu definieren im Artikel > Designer-Vorgaben > Beschriftung Vorgaben > "Texte (einzeilig)" oder "Textbox (mehrzeilig)":

Falls diese Parameter gar nicht verwendet/deklariert werden, erfolgt die Standard-Ausgabe aller Fontdaten - wie bisher.

Diese Parameter haben standardmäßig den Wert=1. Nur durch Verwendung der Parameter und Setzen auf 0 kann die Fontdaten-Anzeige

individuell verknappt werden.

Beispiel für Text-Vorgaben - "Fontcolor" und "Fontsize" werden in der Preisberechnung und im Checkout nicht angezeigt:

{"o_text1":{"content":"Mein Text", "checkoutView_fontcolor":0, "checkoutView_fontsize":0, "fontFamily":"roboto-bold-italic", "fontFamilyName":"Roboto BOLD ITALIC", "fontFile":"roboto-bold-italic.woff", "fontSize":75, "fontColor":"rgb(255,33,0)", "fontColorName":"hellrot", "center":true, "left":0, "top":0, "margin-top":0, "margin-left":0, "angle":0, "maxWidth":450}}

Canvas-Problem mit den Texten, Images, Shapes und Upload-Files, auf die Blacklist/Whitelist (Abhängigkeiten) angwendet wurden, wurde gefixt.

- wenn z.B. ein Text in Canvas eingefügt aber dann durch Blacklist deaktiviert sein sollte, blieb der Text fälschlicherweise in Canvas stehen,

- dieses Problem betraf z.B. Konfigurationen, in denen das Canvas entweder mit einem eigenen Text oder mit einem eigenen Upload-Logo optional versehen sein soll

Bug im "Rundtext" (Datentyp "designer-curved-text") gefixt. 

- der Fehler trat nur dann auf, wenn ein "Rundtext" in dem Input-Feld gelöscht wurde,

- dieser Fehler wurde nun im Framework für Rundtexte abgefangen.

Vorgabe-Parameter "angle" für Texte kann nun auch (optional) in Rundtexten (Datentyp "designer-curved-text") verwendet werden. 

1. Korrektur für Optionsgruppen mit Motiven, in denen kein Vorgabe-Motiv definiert wurde.

2. Korrektur der manuellen Text-Skalierung, wenn auch ein Background-Motiv in der Designfläche verwendet wird.

Wenn kein Background-Bild benötigt wird, kann ersatzweise auch eine Background-Farbe für Designfläche/Canvas vordefiniert werden, mit dem Vorgabe-Parameter "backgroundColor" z,B. 

Designfläche Vorgaben:

Canvas-Layout = {"width":1000,"height":300,"backgroundColor":"rgb(200,200,200)","export":"png","filter":"multiply"}

1. Anpassungen an "Produkt Konfigurator" Minor-Update 5.9.0 (an "Blackoptions").

2. Das Touch-Scrolling (Scrolling durch Wischen) über die Designfläche (über Canvas) in mobilen Geräten ist nun möglich (allowTouchScrolling=true).

Neuer Vorgabe-Parameter für Motive und Upload-Bilder "lockScalingFlip":true (optional, Boolean).

Der Parameter bestimmt, ob bei der Skalierung auch Spiegelung des Motivs/Uploadbildes möglich sein soll, wenn das Motiv in der Designfläche angeklickt und in negative Richtung skaliert wird. 

true = die Spiegelung bei Skalierung von Motiv/Uploadbild wird geblockt.

false = die Spiegelung bei Skalierung von Motiv/Uploadbild wird nicht geblockt. Der Kunde kann das Motiv anklicken, in negative Richtung bewegen/skalieren und dabei das Bild um X- oder Y-Achse spiegeln.

Bitte beachten: nur wenn Parameter “hasControls”:true ist, werden Einstellungen in diesem Parameter wirksam.

Standard-Vorgabe = true, wenn der Parameter nicht angegeben wird.

Zusätzlicher eigener Vorgabe-Parameter "custom_id" für "Upload-Bilder" Designer-Vorgaben.

"custom_id":"meine_id" wird an das Upload-Bild in dem Canvas-Design intern angehängt und exportiert, so dass dieser Parameter eventuell im Postprocessing genutzt werden kann.

Der Parameter wird in der "id" der Upload-Datei verwendet - dies kann vor allem in SVG-Dateien von Vorteil sein, da die "id" im Postprocessing angezeigt wird. 

ACHTUNG: Der Parameter "custom_id" ersetzt den Parameter "custom" im Update 3.3.7

1. Die Sichtbarkeit der Texte kann in Canvas mit dem Properity-Key "visible" je nach Bedarf in einer Formel geswitcht werden. 

2. Die Platzierung der Designfläche oberhalb des Produktbildes wird nicht mehr auf "STICKY" gesetzt, da es zu Problemen geführt hat. 

3. Neue Vorgabe-Parameter für Textbox (mehrzeiliger Text = Datentyp "designer-textbox"):

- "maxLines" (Optional, Integer)

  Dient der Limitierung der Zeilenanzahl.

  Wenn nicht angegeben oder maxLines=0 gesetzt, kann die Textbox beliebig viele Zeilen haben. Die Menge des Textes in der Textbox wird dann lediglich durch die Anzahl der Zeichen limitiert. Maximale Anzahl der Zeichen (= Textlänge) ist in dem CSV Datensatz (im “Feld5”) anzugeben.   

- "splitByGrapheme" (Optional, Boolean false oder true)

  Dient dem “harten Zeilenumbruch” beim Erreichen der vorgegebenen Textbox-Breite (z.B. “width”:400).

  Normalerweise wird die Zeile immer dann umgebrochen, wenn das letzte eingegebene ganze Wort in die vorgegebene Breite nicht hinein passt. Die Vorgabe “splitByGrapheme”:true bricht dieses Wort mitten drin, so dass ein Teil des Wortes in einer Zeile und ein Teil in der nächsten Zeile umgebrochen wird.

  Wenn nicht angegeben, wird die Zeile nur bei ganzen Wörtern umgebrochen, “splitByGrapheme”:false

4. Zusätzlicher eigener Vorgabe-Parameter "custom" für "Upload-Bilder".

"custom":"mein Wert" wird an das Upload-Bild in dem Canvas-Design intern angehängt und exportiert, so dass dieser Parameter eventuell im Postprocessing genutzt werden kann.

1. Developer jQuery-API erweitert - mehr "publish"-Einstiegsstellen für externe jQuery-Module.

2. Neue "$price" Variable/Platzhalter für Aufschläge im Feld3 (CSV-Datensatz Feld "Title").

Die gelöschte Upload-Datei (falls bereits in Canvas eingefügt) wird auch in Canvas entfernt. 

Grid-Einstellung auch für kleine Displays (Phones bis 400px). Die Grid-Einstellung gilt für Images-, Shapes (SVG's), Colors und (neu) Backgrounds Galerien und stellt die Auswahl der Images (Thumbnail-Bilder oder Color-Flächen) gleichmäßig verteilt in dem Konfigurations-Container dar. Empfohlene Größe der Thumbnails (der Minibilder) ist 200-300px. Shapes (SVG's) müssen zwar nicht auf Minibild-Größe skaliert werden - es wäre aber zu empfehlen.

1. Mehrfaches Einfügen von Shapes (SVG's) wurde gefixt.

2. Skalieren der Texte ist gefixt.

Fehler-Fixing beim Verwenden von Shapes (Images oder SVG's), wenn kein Bild für die Auswahl vorgegeben wird.

1. Neue Konfigurations-Settings in Optionsgruppen für Grid-Anzeige:

- Grid-Spalten

- Grid Abstand

Diese Einstellungen dienen einer besseren Optik von folgenden Datentypen:

- Images

- Colors

Um die vorhandene Optik nicht zu gefährden, sind die Vorgaben für Grid-Spalten und Grid-Abstand so gesetzt, dass diese nicht berücksichtigt werden. Sobald aber für images oder colors eine Spaltenanzahl größer 1 gesetzt wird, wird eine Grid-Anzeige generiert, in der die Images oder Colors gleichmäßig auf die volle bzw. verfügbare Container-Breite verteilt werden.

2. Kleine Korrektur im "Textbox" Handling.

Anpassung des Verhaltens von Textboxen an das bewährte Verhalten von einzeiligen Texten:

- wenn Textbox-Eingabe geleert wird, verschwindet der Text der Textbox in der Preisberechnung und auch in der Designfläche

- Textboxen, die sich in Abhängigkeiten befinden, verhalten sich nun auch korrekt wie einzeilige Texte

1. Verbesserung des Verhaltens von Upload-Motiven, die mit ClipPath verknüpft sind.

2. Neuer Vorgabe-Parameter für alle Beschriftungen: "checkoutView":"minimal/all" (im Handbuch beschrieben).

3. Verbesserung des Initial-Verhaltens von Textboxen (nur in ganz speziellen Fällen).

4. Update auf das aktuelle Canvas-Framework fabric.js (Version 4.3)

Das angeklickte Objekt (Motiv, Logo, Text) in der Designer-Fläche (Canvas) wird nicht mehr ganz nach vorne gebracht.

Erweiterung der Vorgaben und Eigenschaften für Texbox (Datentyp "designer-textbox"): 

1. Breite der Textbox z.B. "width":350 (Breite der Textbox = 350px)

- Wenn Breite nicht angegeben, wird die canvas-Breite ersatzweise verwendet

- Textbox-Breite verhindert, dass eingegebener Text an Leerzeichen umbricht

2. Größe der Zeilenanstände z.B. "lineHeight":1.2 (Zeilenabstand = Texthöhe * 1.2)

- Wenn "lineHeight" nicht angegeben, wird ersatzweise lineHeight=1 verwendet (= Standard Zeilenabstand)

- Werte kleiner 1 z.B. 0.5 verringern den Zeilenabstand

3. "ClipPath" wird berücksichtigt.

4. "zindex" wird berücksichtigt.

Vollständige Kompatibilität von Javascripten mit IE11 (ES5/Shopwares Grunt) gefixt.

Fehler beim Einfügen Hintergrund-Motive wurde behoben.

1. Das gemeinschftliche Server-Verzeichnis "/files/bogx_product_configurator/common_images/"

funktioniert jetzt auch für alle Designer-Motive und Background Dateien ("shape", "shape_img" und "background"),

als Hauptaufbewahrungsort oder als Fallback-Speicherort. Wenn eine Motiv-Datei als Designer-Vorgabe verwendet wird,

dann kann mit dem zusätzlichen Parameter "dir":"common" bestimmt werden, dass diese Datei in dem "common" Verzeichnis

gesucht sein soll.  

2. Der Datentyp "text_box" ist nun mit einem HTML-Objekt "textarea" verknüpft und in dem Designer integriert. Ab sofort

 sind mit diesem Datentyp auch mehrzeilige Texte möglich.

3. Der Datentyp "shape" (SVG-Grafiken) mit Vorgabeparameter "center":true wird auch mittig in die Designfläche eingefügt.

4. Die Werte der Designer-Vorgaben (z.B. Text-Vorgaben) sind besser in dem Produkt Konfigurator integriert, so dass diese

sofort korrekt in der Preisberechnung angezeigt werden. 

5. "Lazy Loading" greift jetzt auch für alle Motiv-Dateien (für alle Designer-Bilder). 

6. Die Vorgabe-Parameter "minScale" und "maxScale" (zur Limitierung der Motiv-Skalierung) werden nicht mehr unterstützt - bitte

nicht mehr verwenden.  

Die Bewegungsfreiheit der eingefügten Objekte in der Designfläche (Canvas) wird nicht mehr limitiert auf die Canvas-Grenzen.

1. Optimierung der Tooltip Icons: es wird plain SVG anstatt embedded SVG verwendet, um die Ladezeit bei umfangreichen Konfigurationen zu verkürzen.

2. Kompatibilität mit Shopwares "Composer-Project" Instanzen/Installationen. 

3. Neue Funktionalität: "Variants-Background-Changer"

   - flexibel und optional (in Designer-Vorgaben) einstellbar

   - gewünschte Artikelvarianten-Bilder können als Canvas-Hintergründe verwendet/aktiviert werden

   - die Canvas Hintergünde wechseln dann automatisch beim Varianten-Wechsel  

4. Die Designfläche wird als "Canvas JSON" in der Bestellung gespeichert.

   - "Canvas JSON" kann ab sofort zu beliebigen Print/Produktions-Formaten konvertiert werden z.B. PDF oder DXF

   - Geplant ist "Canvas JSON" auch für Bestellwiederholung zu verwenden

Optimierung des SVG-Exports.

MINOR UPDATE

1. Das neue Feature "Clipping" (Maskierung) mit folgenden Optionen:

 - Definition von ClipPath Masken

 - ClipPath Masken sind geschlossene druckbare/gestaltbare Bereiche im SVG-Format

 - Mehrere ClipPath Masken als einfache (Rechteck, Kreis) oder ganz individuelle Formen/Pfade möglich

 - Beliebige Zuordnung der ClipPath Masken zu der Designfläche und/oder Motiven und/oder Texten

 - Masken können auch zur Limitierung der druckbaren/gestalbaren Fläche dienen

 - Ausserhalb der Masken werden die zugeordneten Objekte nicht sichtbar 

 - Nicht druckbare Fläche (ausserhalb der Maske) kann ganz oder teilweise (mit "Opacity") ausgeblendet werden

2. Update des Canvas-Frameworks (fabric.js) auf die aktuelle Version 4.1.0

3. Designer-Fläche Resizing optimiert.

4. Leere Textvorgaben optimiert. 

5. Schriftgröße von manuell skalierten Texten wird dynamisch in Konfigurtionsdaten übernommen

ACHTUNG WICHTIG:

Bitte im Plugin Manager 1x den Plugin-Button "Neu Installieren" anklicken, Ihre Daten gehen dadurch NICHT verloren. 

Kleine Template Anpassungen für die neue Funktion "ORDER CODE BUILDER".

Optimierung der randlosen Beschriftung.

Kleine Anpassung im Rendering der Designfläche. Für den Fall, dass die Texteingaben und Texfarben (in der Beschriftung) nicht sofort sichtbar werden.

1. Neues Feature "Motiv Grouping".

- neue Vorgabe Einstellungen und Paramter für Motive: "mode" und "grouplist" 

-- "mode":"group"

-- "grouplist":["o_motiv1","o_motiv2","o_motiv3", ...]

Das "Grouping" erlaubt größere Auswahl an thematisch aufgeteilten Motiven. Falls Motive zwecks besserer

Übersicht thematisch aufgeteilt (in separaten Optionsgruppen definiert) werden, konnte man bisher in jedem

Thema/Optionsgruppe ein Motiv anklicken und in die Designfläche einfügen. Die Motive in der

Designfläche wurden dabei nicht ausgetauscht sondern neu eingefügt und so konnte man mehrere Motive in der Designfläche einfügen,

die nicht gewünscht waren, da es nur ein Motiv geben sollte. Das Grouping verbindet nun beliebige Motiv-Themen/Optionsgruppen und es

kann stets nur ein Motiv aus der ganzen Gruppe (aus mehreren Themen) in die Designfläche eingefügt werden. 

2. Verbesserung der Abhängigkeit in Gruppen und Optionsgruppen des Designers.

3. Optimierung für das Laden von SVG-Motiven

1. Anpassung der runden Texte an das aktualisierte canvas Framework.

2. Anpassung der Texte mit "MaxWidth" Vorgabe an das aktualisierte canvas Framework.

1. Aktualisierung des canvas Frameworks auf die aktuelle Version 3.6.3

2. Optimierung der Logik für runde Texte.

3. Optimierung der Logik für Multiline-Texte.

Neue Datentypen "text_date" (Datum) und "text_time" (Uhrzeit)

- Validierung der Datum- und Uhrzeit-Eingaben über den intuitiven/modernen HTML5 Standard 

- Einfügen in die Designfläche als Textzeilen, analoges Handling wie für "font_text"

Vorgabe-Parameter zindex für Motive und Upload-Bilder modifiziert und weiter ausgebaut:

"zindex":"back" (ganz nach hinten stellen)
"zindex":"front" (ganz nach vorne stellen)
"zindex":"backward" (nach hinten stellen, hinter das erste gefundene Objekt)
"zindex":"forward" (nach vorne stellen, vor das erste gefundene Objekt)

Der Vorgabe-Parameter "zindex" für Motive und Upload-Files erweitert, um die Reihenfolge der Motiv- und Upload-Files in der Designfläche besser zu steuern.

- "zindex":"backward" (ganz nach hinten stellen)

- "zindex":"forward" (ganz nach vorne stellen)

1. Die Eigenschaft "fontSize" wird nun auch den Textelementen einzeln zugeordnet (zusätzlich zu den bereits vorhandenen "fontFamily" und "fontColor").

2. Neuer Vorgabe-Parameter "zindex" für Motive wurde implementiert, um die Reihenfolge der Motiv-Layer in der Designfläche besser zu steuern.

Sichtbarkeit-Wechsel der Motive wurde verbessert. 

1. Der Fehler bei Motiven ohne Vorgabe zu dem Dateinamen wurde gefixt.

2. Der Fehler bei Auswahl von Hintergründen wurde gefixt.

Verbesserung der internen Muliti-Layer Platzierung für Shape-Images.

Optimierung der zulässigen Breite von Textzeilen mit dem JSON-Parameter "maxWidth". Dieser Parameter lässt die Textzeile nicht breiter werden und verkleinert notfalls automatisch die Texthöhe, damit auch der überlange Text in die verfügbare Breite reinpasst.

Großes (Major) Update (von 22.1 auf 3.0.0) mit essentiellen Erweiterung der Funktionalität für Produkt-Personalisierung und Visualisierung.

1. Texte

- Mehrere normale Textzeilen, und/oder mehrere gerundete Texte und/oder mehrere Texboxen 

- Erweiterte Parameter-Vorgaben pro Zeile/Textart

- Pflicht-Zeilen oder optionale Zeilen definierbar

- Dynamische Zuordnung der Texteigenschaften (Font, Farbe, Fontgröße) pro Zeile

- Texte in der Designfläche editierbar (verschiebbar, drehbar, skalierbar), je nach definierte "Control" Parameter-Vorgaben 

2. Motive (Images oder Shapes)

- Mehrere Motive: Images (.png und .jpg) und/oder Shapes (.svg)

- Erweiterte Vorgaben pro Motiv-Gruppe

- Motive in der Designfläche editierbar (verschiebbar, drehbar, skalierbar), je nach definierte "Control" Paramter-Vorgaben 

- Motive einfach löschbar (markiertes Bild in der Auswahl nochmal anklicken - analog zu einer Checkbox) 

- Falls eine Motiv-Gruppe als Pflicht definiert wurde, kann das Produkt nicht bestellt werden, wenn ein Motiv aus der Gruppe nicht eingefügt wird 

3. Vorgabe-Einstellung für Anzeige des personalisierten Designer-Bildes im Warenkorb: Original-Produktbild oder Designer-Bild

4. Ein neues Handbuch für Designer erscheint in Kürze, alle aktualierten Beispiele im DEMO Shop, z.B. hier:

https://bogx.de/shopwaredemo55/plugin-demos/personalisierung-plugins/produkt-konfigurator/designer-t-shirt.html

HINWEIS: Wenn Sie eine ältere Designer-Version verwenden, empfehlen wir DRINGEND das Update zuerst in der Testumgebung

durchzuführen! Es können Unstimmigekeiten der Designer-VORGABEN auftreten, da diese essentiell erweitert worden sind.

Beispiel für die neuen Text-Vorgaben:

Für eine Textzeile:

{"o_text1":{"content":"SUPREME", "fontFamily":"roboto-bold-italic", "fontFamilyName":"Roboto BOLD ITALIC", "fontFile":"roboto-bold-italic.woff", "fontSize":50, "fontColor":"rgb(255,33,0)", "fontColorName":"08 - hellrot", "center":true, "left":0, "top":0, "margin-top":90, "margin-left":0, "angle":0, "maxWidth":500, "hasControls":true, "hasBorders":true, "hasRotatingPoint":false, "lockMovementX":true, "lockMovementY":false, "lockRotation":true, "lockUniScaling":true}}

Für drei Textzeilen:

{"o_text1":{"content":"SUPREME", "fontFamily":"roboto-bold-italic", "fontFamilyName":"Roboto BOLD ITALIC", "fontFile":"roboto-bold-italic.woff", "fontSize":50, "fontColor":"rgb(255,33,0)", "fontColorName":"08 - hellrot", "center":true, "left":0, "top":0, "margin-top":90, "margin-left":0, "angle":0, "maxWidth":500, "hasControls":true, "hasBorders":true, "hasRotatingPoint":false, "lockMovementX":true, "lockMovementY":false, "lockRotation":true, "lockUniScaling":true}, "o_text2":{"content":"different line", "fontFamily":"opensans-regular", "fontFamilyName":"Open Sans REGULAR", "fontFile":"opensans-regular.woff", "fontSize":30, "fontColor":"rgb(0,0,0)", "fontColorName":"02 - schwarz", "center":true, "left":0, "top":0, "margin-top":130, "margin-left":0, "angle":0, "maxWidth":500, "hasControls":true, "hasBorders":true, "hasRotatingPoint":false, "lockMovementX":true, "lockMovementY":false, "lockRotation":true, "lockUniScaling":true}, "o_text3":{"content":"Great Font", "fontFamily":"greatfont-regular", "fontFamilyName":"Great Font Regular", "fontFile":"greatfont-regular.woff", "fontSize":130, "fontColor":"rgb(0,0,0)", "fontColorName":"02 - schwarz", "center":true, "left":0, "top":0, "margin-top":250, "margin-left":0, "angle":0, "maxWidth":500, "hasControls":true, "hasBorders":true, "hasRotatingPoint":false, "lockMovementX":true, "lockMovementY":false, "lockRotation":true, "lockUniScaling":true}}

Für ein Motiv:

{"o_motivs":{"mode":"select", "src":"car01_640.jpg", "width":0, "height":290, "left":0, "top":0, "margin-left":0, "margin-top":-100, "angle":0, "center":true, "hasControls":true, "hasBorders":true, "hasRotatingPoint":false, "lockMovementX":true, "lockMovementY":false, "lockRotation":false, "lockUniScaling":true, "minScale":0, "maxScale":0, "flipx":"0", "flipy":"0", "color":"", "colorName":""}}

Kleine Anpassungen un Modifikationen für die neue Konfigurator-API

1. Verbesserte Übersicht der Designer-Vorgaben. Vorbereitung für Erweiterung der Funktionalität von: Beschriftung und Bilder.
   
   
2. Neues Vorgabe-Feld "Upload-Bilder". In diesem Feld können Vorgaben für die neue Funktion "Bilder-Multiupload" eingegeben werden.
   
   Beispiel für die Vorgaben (JSON Format):
   {"o_upload":{"height":290, "left":287, "top":630, "angle":0, "hasControls":true, "hasBorders":true, "hasRotatingPoint":false, "lockMovementX":true, "lockMovementY":false, "lockRotation":false, "minScale":0.5, "maxScale":1}}
   
   Legende:
   
   • "o_upload" = Optionsgruppen-ID mit dem neuen Datentyp "multiupload-designer" - hier wird das Addon "Multiupload" vorusgesetzt.
   • "height" = Höhe des Upload-Bildes in Pixel, auf die das Bild in der Designerfläche skaliert/verkleinert wird.
   • "width" = kann anstatt "height" verwendet werden. In diesem Fall wird das Bild auf die angebene Breite (in Pixel) in der Designerfläche skaliert/verkleinert.
     
     ACHTUNG: Bitte verwenden Sie entweder "height" oder "width" - das Verwenden von beiden Parametern erfüllt den erwarteten Zweck nicht, da stets auf den ersten und dann auf den anderen Wert skaliert wird.
     
     
   • "left" = Abstand des linken Bildrandes vom linken Rand der Designerfläche. Numerischer Wert in Pixel.
     
   • "top" = Abstand des oberen Bildrandes vom oberen Rand der Designerfläche. Numerischer Wert in Pixel.
     
   • "angle" = Rotation- bzw. Drehwinkel des Bildes beim Einfügen in die Designerfläche. Numerischer Wert in Grad.
     
     
   • "hasControls" = true/false, Aktivierung und Sichtbarkeit der Bearbeitungsgriffe (controls) an den Ecken des eingefügten Bildes.
     ACHTUNG: die "controls" erscheinen erst dann, wenn das Bild in der Designerfläche angeklickt wird. Nur wenn "controls" aktiviert sind, ist das Bearbeiten des eingefügten Bildes möglich.
     
     
   • "hasBorders" = true/false, Sichbarkeit des Bildrahmens (boundary). Hilfreich bei png-Bildern mit Transparenz.
     
   • "hasRotatingPoint" = true/false, Sichtbarkeit des Drehgriffes (angle controls), der oberhalb und mittig vom Bild positioniert ist. Hilfreich, wenn Sie auch das Drehen des eingefügten Bildes zulassen möchten.
     
   • "lockMovementX" = true/false, Erlaubt oder blockiert das horizontale Bewegen des eingefügten Bildes.
   • "lockMovementY" = true/false, Erlaubt oder blockiert das vertikale Bewegen des eingefügten Bildes.
     
   • "lockRotation" = true/false, Erlaubt oder blockiert das Drehen des eingefügten Bildes.
     
     
   • "minScale" = 0.5, erlaubt das Skalieren (hier Verkleinern) des eingefügten Bildes bis auf den angegebenen Skalierungsfaktor. Soll immer kleiner 1 und größer 0 sein.
   • "maxScale" = 1, erlaubt das Skalieren (hier Vergrößern) des eingefügten Bildes bis auf den angegebenen Skalierungsfaktor. Soll immer größer oder gleich 1 sein.
     HINWEIS: wenn Sie keine Skalierung zulassen wollen, dann können Sie auf beide Parameter verzichten.
     
     
3. Neuer Datentyp "multiupload-designer"  - hier wird das Addon "Multiupload" vorusgesetzt.
   
   Beispiel für den Datensatz:
   upload;upload;Dateien hochladen;10;1;;;;
   
   
4. Speichern der verwendeten Upload-Bilder in einem separaten Ordner auf dem Server:
   
   /files/bogx_product_configurator/designer/
   und dann in Unterordnern, die nach dem aktuellen Datum benannt sind. Es ist jedoch nicht notwendig dort die Upload-Bilder herunterzuladen - s. Punkt 5.
   
   
5. Die Upload-Bilder werden an die Bestellung des Konfigurationproduktes angehängt und können bequem unter dem Tab "Bogx Konfigurator"  per Klick auf den Download-Link für die Produktion oder Dokumentation  heruntergeladen werden.

Kleine Anpassungen in Designer-Templates in Verbindung mit dem optimierten Template-Konzept

Kleine Template Korrekturen:

- korrekte Darstellung der Gruppen-Beschriftung

Umsetzung der aktuellen Richtlinien in plugin.xml für Basisplugin und davon abhängige Addons.

Neuer Datentyp "curved_text" implementiert.

Als Vorgabe kann folgender JSON verwendet werden (unter "Designer-Vorgaben" > Text JSON-Style):
{"height":50,"center":true,"margin-top":-150,"radius":250,"space":5}

radius = Radius [in Pixel] des Kreises, an dem der Text ausgerichtet wird 
space = Abstände [in Pixel] zwischen den Buchstaben im Text.

Diese Vorgaben haben wir in dem neuen Demo verwendet:
https://bogx.de/shopwaredemo55/plugin-demos/personalisierung-plugins/produkt-konfigurator/designer-t-shirt-mit-rundtext.html

WICHTIG: Nach dem Update bitte das Plugin 1x "Neu Installieren" (Button "Neu installieren" anklicken) - keine Sorge, die bestehenden Daten werden nicht gelöscht.

Tooltipps überarbeitet (refactoring) - funktionieren jetzt auch in Abhängigkeiten.

Styling-Optimierung aller <input> und <select> Eingabefelder - auch für Mobile Devices.

Schriftgröße von der Bild-Skalierung unabhängig gemacht.

Der Datentyp für Schriftgröße "designer-font_size" wurde korrigiert. Die Schriftgrößen in den Designer-Texten können nun - so wie vom Shopbetreiber vorgesehen - vom User geändert werden.

Berücksichtigung der neuen Funktion "Kalkulation Formel".

Verbesserung der Darstellung (Usability) für Designer-Vorgaben in der Artikel-Übersicht (im Backend).

Die SVG-Bilder (Datentyp "designer_shape") können mit Datentyp "designer-shape_color" komplett eingefärbt werden.

1. Verbesserung der Kompatibilität von Designfläche mit Varianten.

2. Text-Objekte werden in der Designfläche stets auf der obersten Ebene eingefügt und nicht von Images verdeckt.  

3. Verbesserung des initialen Ladens von Schriften (Font-Family observer).