Designer

Designer

Version:

395,00 €  *
Quelloffen
121 Downloads
Responsive
Dieses Plugin ist für Shopware 6 verfügbar Shopware 6 Signet
Voraussichtlich verfügbar ab Nov. 2020
Dieser Hersteller reagiert sehr schnell auf Supportanfragen
    bogx345982464735
  • 2.2.1
  • 27.04.2020
  • de_DE en_GB
  • von Borucinski Grafix
  • 5.4.0 – 5.4.6
    5.5.0 – 5.5.10
    5.6.0 – 5.6.6
Dieses Plugin ist ein Addon (Erweiterungsmodul) zu unserem Produkt Konfigurator. "Designer"... mehr

Produktinformationen

Dieses Plugin ist ein Addon (Erweiterungsmodul) zu unserem Produkt Konfigurator. "Designer" erweitert den Konfigurator um Gestaltung und Visualisierung von Produkten zum Beispiel von Druck- oder Gravur-Artikeln. Die Gestaltung ist speziell auf die Bedürnisse des Produktkonfigurators (Praxis gerecht) zugeschnitten und auf die Vorgaben des Shopbetreibers (pro Produkt) gebunden, so das der Kunde nur in einem bestimmten Rahmen den Druck oder die Gravur gestalten und bestellen kann. Die Vorgaben z.B. zur bedruckbaren Flächengröße, zum Randabstand, zu den Farben oder zu den Schriften und Grafiken sind notwendig, um die Herstellungsbedingungen je nach Produkt zu erfüllen.


Damit der Kunde auch das Ergebnis seiner Gestaltung sofort sehen kann, werden seine Angaben in "real-time" angezeigt. Die Anzeige dient dann auch später als druckfähige "Job"-Unterlage in 300-dpi Auflösung oder in einem skalierbaren Vektor (SVG) Format.


Der Konfigurator-Designer erhebt keinen Anspruch ein herkömmliches Layout bzw. Grafikprogramm zu ersetzen. Er hilft dem Shopbetreiber jedoch seine Produkte besser an die Kunden-Bedürfnisse anzupassen oder stärker zu personalisieren, z.B. in Form eines zusätzlichen Aufklebers, Etiketts, Aufdrucks, Aufnähers, eigener Beschriftung, Widmung oder eines schönen Motives etc.


Folgende Funktionen und Eigenschaften stehen in dem Designer (als spezielle Konfigurator-Erweiterungen) zur Verfügung:


Backend

1. Designer-Vorgaben (Initialwerte) pro Artikel (als Artikel-Attribute gespeichert) für

  • Designfläche (Canvas): Positionierung und Styling-Vorgaben
  • Grafiksymbol (SVG/PNG-Grafik) Styling-Vorgaben
  • Text Styling-Vorgaben für einfache Beschriftung mit fester Breite
  • Parametrix Anbindung an Designer, um eine beliebige Designflächen-Größe (z.B. Aufkleber/Etikett Größe) zu bestimmen und preislich zu berechnen
  • Textbox Styling-Vorgaben für variable Beschriftung mit flexibler Breite und Höhe


2. Verfügbare Designer-Datentypen für Konfiguration-Optionen

Schrift:

  • designer-font: Fontpicker mit Liste der Schriften bzw. der WOFF-Dateien/Webfonts,
  • designer-font_size: Select-Liste der Font-Größen,
  • designer-font_color: Galerie-Liste der Farben in RGB- oder Webfarben-Format


Grafik:

  • designer-shape: Liste der Motiv-Dateien in SVG oder PNG Format,
  • designer-shape_color: Galerie-Liste der Farben in RGB- oder Webfarben-Format,
  • designer-shape_flipx: Radiobutton-Schalter für Aktivierung/Deaktivierung der horizontalen Spiegelung,
  • designer-shape_flipy: Radiobutton-Schalter für Aktivierung/Deaktivierung der vertikalen Spiegelung


Text:

  • designer-text: Eingabefeld für einfachen Text mit fester Breite und mit Bounding,
  • designer-textbox: Eingabefeld für flexiblen Text mit variabler Breite und mit Bounding,
  • designer-textboxsvg: Eingabefeld für flexiblen Vektorformat/SVG-Text mit variabler Breite ohne Bounding/Randlos)


Hintergrund:

  • designer-background: Liste der Farben oder Grafiken: Muster/Patterns, Motive



Frontend

  • alle "Designer" Eingaben werden dynamisch in der Designfläche (Canvas) angezeigt und gespeichert
  • die Designfläche kann oberhalb/unterhalb oder anstatt des Produktbildes platziert werden
  • die Designfläche ist "Sticky", bleibt beim Scrollen stehen, damit sie immer im Sichtfeld bleibt
  • die Designfläche ist Responsive, wird auf die verfügbare Fläche (mit Einhaltung der definierten Proportionen) skaliert
  • die Designfläche wird in die Bestellung (als Produktbild) exportiert, so dass sie im Checkout für den Kunden sichtbar bleibt


Bestellbearbeitung

  • Übergabe der Designer-Konfiguration an Shopware-Bestellung, Bestellbestätigung, Dokumente, Bestellhistorie
  • Erweiterung des Dokumenten-Templates ("Out-Of-The-Box" - keine gesonderte Anpassung notwendig)
  • Erweiterung des sOrder Templates ("Out-Of-The-Box" - keine gesonderte Anpassung notwendig)
  • Anzeige der Designerdaten pro Bestellposition im separaten Tab "Bogx Konfigurator"
  • das Designfläche-Bild kann im Tab "Bogx-Konfigurator" gesichtet und herunter geladen werden. Mit rechter Maustaste anklicken und die Funktion "Bild speichern unter" wählen


Relevante Plugins

  1. Produkt Konfigurator
    das Basis-Plugin. Alle Konfigurator-Addons setzen die Installation dieses Plugin voraus.
  2. Parametrix: Dimensionierung, Preisberechnung (Längen- und Flächenberechnung)
    Falls auch Masse der Designfläche vom Kunden frei definierbar und kalkuliert werden sollen, sollte dieses Addon installiert werden.



Demos:

  1. Designer - Aufkleber mit Flagge und eigenem Text
  2. Designer - Tattoos Größen und Farben
  3. Designer - Aufkleber und Patches 
  4. Designer - und Parametrix für randlose Klebeschriften 



Beschreibung vergrößern
Bewertungen lesen, schreiben und diskutieren... mehr

Kundenbewertungen

Durchschnittliche Kundenbewertung aus 1 Bewertungen:

Gesamt (1)
Funktionalität
Bedienung
Dokumentation
Support

Super plugin mit excellentemSUPPORT

08.04.2019

Gesamt
Funktionalität
Bedienung
Dokumentation
Support

Installationsanleitung

WICHTIG:

Zuerst unser Plugin "Bogx Produkt Konfigurator" installieren. Ohne "Produkt Konfigurator" Plugin lässt sich das Addon "Bogx Designer" nicht installieren.

Zum besseren Einstieg in den "Designer" importieren Sie bitte die DEMO-Konfigurationen. Wir haben 4 Demos für den Designer mit allen wesentlichen Features beispielhaft definiert - diese Demos sind auch in dem oberen Bilder-Slider oder in unserem DEMO-Shop zu sehen.


Struktur:

Designer erweitert die Artikel-Attribute und den "Produkt Konfigurator Manager" um einige "Designer" Attribute und Datentypen


Backend - Artikeldetails:

Die neuen Artikel-Attribute für Designer sind wegen einer besseren Übersicht nur unter dem "Bogx Konfigurator" Tab des "Artikeldetails" Backend-Fensters zu sehen und zu verwalten. Die neuen Felder sind mit Hilfetexten versehen. In der Slideshow finden Sie die entsprechenden Screens mit zusätzlichen Infos.



Fontpicker - um eigene Schriften erweitern

Beschreibung finden Sie in dem folgenden PDF-Dokument:
https://bogx.de/media/docs/designer_fontpicker.pdf



Externe ERP-Systeme (REST API)

1. Die Konfigurationsdaten werden pro Bestellposition wie folgt gespeichert:
Tabelle "s_order_details_attributes"

  • Spalte "bogx_productconfigurator", Konfigdaten als JSON-String
  • Spalte "bogx_designer_image", Bilddaten als BLOB (PNG-BLOB oder SVG-BLOB)


2. Das Bestell-Attribut "bogx_productconfigurator" (JSON Format) und das Bild "bogx_designer_image" können per API ausgelesen und in externen ERP-Systemen genutzt werden.


Ein Beispiel für die Bestell-Konfigdaten im JSON-Format:
{"configurator":"DEMO10 Designer Klebeschrift",
"basicArticlePrice":0.2,
"basicArticleSurcharge":0,
"totalSurcharge":24,
"articleid":188,
"articleordernumber":"SW10181",
"exportdesigner":"svg",
"attributes":[
{"group_id":"o_font","value":"amaticfont-regular","data_type":"font","valueID":"554","groupname":"Font","title":"Amatic Font REGULAR","surcharge":0},
{"group_id":"o_fontcolor","value":"rgb(255,148,173)","data_type":"font_color","valueID":"464","groupname":"Fontfarbe","title":"11 - rosa","surcharge":0},
{"group_id":"o_textbox","value":"Konrad","data_type":"text_box","valueID":"481","groupname":"Ihr Text","title":"Konrad","surcharge":0},
{"group_id":"o_area","value":{"0":"30","1":"4"},"data_type":"axb_parameter","valueID":{"0":"482","1":"483"},"groupname":"Breite x Höhe","title":"30x4=120 [0,20 €]","surcharge":24} ]}

Änderungen

Version 2.2.1

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

Version 2.2.0

  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.
 
DEMO für Upload-Bilder:
https://bogx.de/shopwaredemo55/plugin-demos/personalisierung-plugins/produkt-konfigurator/designer-t-shirt.html

Version 2.1.9

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

Version 2.1.8

Kleine Template Korrekturen:

- korrekte Darstellung der Gruppen-Beschriftung

Version 2.1.6

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

Version 2.1.5

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.

Version 2.1.4

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

Version 2.1.3

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

Version 2.1.2

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

Version 2.1.1

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.

Version 2.1.0

Kalkulation Formel Wert=0 wurde implementiert - s. auch Changelog für Produkt Konfigurator Update 4.2.2

Version 2.0.0

Berücksichtigung der neuen Funktion "Kalkulation Formel".

Version 1.9.0

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

Version 1.8.0

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

Version 1.7.0

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).

Version 1.6.0

Sticky-Verhalten der Designfläche auf Smartphone-Geräten korrigiert bzw. entfernt.

Version 1.5.0

Font-Vorgabe in dem Datentyp "designer-textbox" wird beim Initialisieren übernommen.

Version 1.4.0

Die Text-Borders ("boundings") werden in der Designfläche beim Anklicken nicht mehr angezeigt.

Version 1.3.0

1. Berücksichtigung der neuen Funktionalität "Lieferzeit".2. Verbesserte "Sticky" Funktion für die Designfläche (canvas) + Preisberechnungsbox.

Version 1.2.0

Neuer Datentyp "designer-background_color" zum Einfärben von Background-Images im PNG Dateiformat. Für die Einfärbung stehen zwei Color-Filter "tint" und "multiply" zu Verfügung. Für PNG-Images mit Transparenz und ohne Material-Struktur (z.B. diverse Aufkleber oder Etiketten) empfehlen wir "tint" (flächendeckende/einheitliche Einfärbung). Wenn das Bild die Material-Struktur und Schattierungen behalten soll, empfehlen wir den Filter "multiply". 

Der bisherige Datentyp "designer-background" soll nun ausschliesslich zum Wechseln von Background-Images (PNG/JPG Dateien) dienen.
WICHTIGNach dem Update bitte das Plugin 1x "Neu Installieren" - keine Sorge, die bestehenden Daten werden nicht gelöscht.

Version 1.1.0

1. Die konfigurierten (personalisierten) Kundenbilder werden nicht mehr als BLOB sondern als Dateien auf dem Server gespeichert. Dadurch können Kundenbilder beliebig groß sein und eventuelle Qualitätsverluste (die bei BLOB Generierung auftreten konnten) wurden ausgeschlossen. 
2.  Vervollständigung der CSS/JSON-Eigenschaften für Designer-Vorgaben.
3. Neuer Datentyp "shape_img" für PNG/JPG Dateiformate. Damit können beliebige Motive in die Designfläche eingefügt werden. 
 
4. Die o.g. Erweiterungen erlauben es nun einen einfachen "T-Shirt Designer" (oder auch sonstige Textilien bzw. bedruckbaren Produkte) umzusetzen, s, Beispiel in dem Demoshop:
https://bogx.de/shopwaredemo55/plugin-demos/personalisierung-plugins/produkt-konfigurator/designer-t-shirt.html

WICHTIGNach dem Update bitte das Plugin 1x "Neu Installieren" - keine Sorge, die bestehenden Daten werden nicht gelöscht.

Version 1.0.4

Erweiterte Vorgaben für den einzeiligen Designer-Text:  "margin-left" und "margin-top". Dadurch ist eine beliebige  Positionierung des Textes auf dem Hintergrund (auf Karten, Patches, Aufkleber oder Werbegeschenken) möglich.

Version 1.0.3

Korrektur der Farbänderung von SVG-Schriften.

Version 1.0.2

Anpassung der Javascript Syntax an Safari for Mobile, weil iPhones und iPads leider nicht mit dem aktuellen ECMAScript 6 Syntax kompatibel sind

Version 1.0.1

Neue Plugin ZIP-Datei für das erste Release

Version 1.0.0

Erste Veröffentlichung Addon Designer 1.0.0

Infos zum Hersteller

Borucinski Grafix Borucinski Grafix 8 Erweiterungen 5 Ø-Bewertung

Version:

395,00 €  *

Zuletzt angesehen