Designer

Designer

Quelloffen
40 Downloads
Responsive

Version:

395,00 €  *
Dieses Plugin ist für Shopware 6 verfügbar Shopware 6 Signet
Voraussichtlich verfügbar ab Nov. 2019
Dieser Hersteller reagiert schnell auf Supportanfragen
    bogx345982464735
  • 2.1.0
  • 25.06.2019
  • de_DE
  • von Borucinski Grafix
  • 5.4.0 – 5.4.6
    5.5.0 – 5.5.10
    5.6.0
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 horizontaler Spiegelung,
  • designer-shape_flipy: Radiobutton-Schalter für Aktivierung/Deaktivierung der horizontaler 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.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 14 Erweiterungen
5 0 0
5 Ø-Bewertung

Version:

395,00 €  *

Zuletzt angesehen