Designer

Designer

Source Available
75 Downloads
Responsive
This plugin is available for Shopware 6 Shopware 6 Signet
Expected release: Nov 2020
This manufacturer responds very quickly to support requests
    bogx345982464735
  • 2.1.8
  • 29 Oct 2019
  • de_DE en_GB
  • from Borucinski Grafix
  • 5.4.0 – 5.4.6
    5.5.0 – 5.5.10
    5.6.0 – 5.6.2
This plugin is an addon (extension module) to our product configurator. "Designer" extends the... more

Product information

This plugin is an addon (extension module) to our product configurator. "Designer" extends the configurator by design and visualization of products such as print, plot or engraving articles. The design is specially tailored to the needs of the product configurator (practice-oriented) and bound to the specifications of the shop operator (per product), so that the customer can only design and order the print or engraving within a specified framework. The specifications e.g. for the printable surface size, the edge distance, the colours or the fonts and graphics are necessary in order to fulfil the manufacturing conditions depending on the product.


So that the customer can see the result of his design immediately, his details are displayed in "real-time". The display can then be used later as a printable "job" document in 300 dpi resolution or in a scalable vector (SVG) format.


The Configurator Designer does not claim to replace a conventional layout or graphics application. However, it helps the shop admin to adapt his products better to the customer's needs or to personalise them more strongly, e.g. in the form of an additional sticker, label, print, plot, patch, own label, dedication or a individual motif, etc. 


The following functions and properties are available in the Designer (as special configurator enhancements):


Backend

1. Designer defaults (initial values) per article (saved as article attributes) for

  • Design area (canvas): positioning and styling specifications
  • Graphic symbol (SVG/PNG graphic) Styling specifications
  • Text styling defaults for simple fixed-width labeling
  • Parametrix connection to designer to determine any design area size (e.g. sticker/label size) and calculate its price
  • Textbox styling defaults for variable labeling with flexible width and height


2. Available Designer data types for configuration options

Font:

  • designer-font: "Fontpicker" with list of fonts or WOFF files/web fonts,
  • designer-font_size: select list of font sizes,
  • designer-font_color: galery list of colors in RGB or WEB (Hex) color schema


Graphic:

  • designer-shape: motive file list der Motiv-Dateien in SVG oder PNG Format,
  • designer-shape_color: galery list of colors in RGB- or WEB color schema,
  • designer-shape_flipx: radio button switcher for activate/deactivate of horizontal inversion,
  • designer-shape_flipy: radio button switcher for activate/deactivate of vertical inversion


Text:

  • designer-text: input field for simple text with fixed width and with bounding,
  • designer-textbox: input field for flexible text with variable width and with bounding,
  • designer-textboxsvg: input field for flexible vector format (SVG text) with variable width without bounding


Background:

  • designer-background: galery list of colors or bitmaps: patterns, motives



Frontend

  • all "Designer" inputs are dynamically displayed and saved in the design area (canvas)
  • the design area can be placed above/below or instead of the product image
  • the design surface is "sticky", stops while scrolling so that it always remains in the field of view
  • the design area is Responsive, is scaled to the available area (with adherence to the defined proportions)
  • the design area is exported into the order (as a product image) so that it remains visible to the customer during checkout


Order

  • transfer of designer configuration to shopware order, order confirmation, documents, order history
  • extension of the document template ("Out-Of-The-Box" - no special adaptation necessary)
  • extension of the sOrder template ("Out-Of-The-Box" - no special adjustment necessary)
  • display of designer data per order item in separate tab "Bogx Configurator"
  • the design area image can be viewed and downloaded in the "Bogx Configurator" tab. Click on the image downloads the file to your pc.


Relevant plugins:

  1. Produkt Konfigurator
  2. Parametrix



Demos (6 demo configurations):
All Designer demos to see here

Show full description
Read, write and discuss reviews... more

Customer reviews

Average customer rating from 1 reviews:

Total (1)
Functionality
Usability
Documentation
Support

Super plugin mit excellentemSUPPORT

8 Apr 2019

Total
Functionality
Usability
Documentation
Support

Installation manual

Important:

First install our plugin "Bogx Product Configurator". Without the "Product Configurator" the addon "Bogx Designer" cannot be installed.


For a better introduction to the "Designer" please import the DEMO-configurations. We have defined 6 different demos for the designer with all essential features as examples - these demos can also be seen in the upper picture slider or in our DEMO shop.


Structure:

Designer expands the article attributes and the "Product Configurator Manager" with some "Designer" attributes and data types


Backend - article details:

The new item attributes for designers can only be seen and managed under the "Bogx Configurator" tab of the "Item Details" backend window for a better overview. The new fields are provided with help texts. In the slideshow you will find the corresponding screens with additional information.



Fontpicker - add your own fonts, you will find a description in the following PDF document:

https://bogx.de/media/docs/designer_fontpicker.pdf

Changelog

Version 2.1.8

Small template corrections:

- correct display of group captions

Version 2.1.6

Implementation of the current guidelines in plugin.xml for base plugin and dependent addons.

Version 2.1.5

New data type "curved_text" implemented.


The following JSON can be used as default  ("Designer-Defaults" > Text JSON-Style):

{"height":50, "center":true, "margin-top":-150, "radius":250, "space":5}


radius = radius [in pixels] of the circle to which the text is aligned. 

space = distances [in pixels] between the letters of the curved text.


We have used these defaults in the new demo:

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


IMPORTANT: After the update please reinstall the plugin  (1x click button "Reinstall") - don't worry, the existing data will not be deleted.

Version 2.1.4

Tooltips refactoring - now also work in dependencies.

Version 2.1.3

Styling optimization of all input and select fields - also for mobile devices.

Version 2.1.2

Font size made independent of image scaling.

Version 2.1.1

The data type for font size "designer-font_size" has been fixed. The font sizes in the designer texts can now be changed by the user - as intended by the shop administrator.

Version 2.1.0

Calculation formula value=0 has been implemented - see also changelog for product configurator update 4.2.2

Version 2.0.0

Consideration of the new "calculation formula" .

Version 1.9.0

Improved usability for Designer default-data in the article overview (in the backend).

Version 1.8.0

The SVG images (data type "designer_shape") can be completely colored with the data type "designer-shape_color".

Version 1.7.0

1. Improving the compatibility of "canvas" with variants.


2. Text objects are always inserted in the canvas at the top level and are not obscured by images.


3. Improvement of the initial loading of fonts (font-family observer).

Version 1.6.0

Fixed of the issue with "sticky-canvas" on smartphone devices.

Version 1.5.0

Font specification in the data type "designer-textbox" is adopted during initialization.

Version 1.4.0

The text borders ("boundings") are no longer displayed in the design area when clicked on.

Version 1.3.0

1. Consideration of the new functionality "delivery time". 2. Improved "Sticky" function for design area (canvas) + price calculation box.

Version 1.2.0

New data type "background_color" for coloring background images in the PNG file format. For coloring there are two color filters "tint" and "multiply" available. For PNG images with transparency and without material structure (for example various stickers or labels) we recommend "tint" (uniform coloring). If the image should keep the material structure and shades, we recommend the filter "multiply". 
IMPORTANTAfter the update please re-install the plugin - do not worry, the existing data will not be deleted.

Version 1.1.0

1. The configured (personalized) customer images are no longer stored as BLOB but as files on the server. As a result, customer images can be any size and any quality losses (which could occur during BLOB generation) were excluded.
2. Completion of CSS / JSON Designer Defaults.
3. New data type "shape_img" for PNG / JPG file formats. This allows any motifs to be inserted into the design surface (canvas). 4. The above enhancements allow you to implement a simple "T-Shirt Designer" (or other textiles or printable items), see example in the demo shop:https://bogx.de/shopwaredemo55/plugin-demos/personalisierung-plugins/produkt-konfigurator/designer-t-shirt.html

IMPORTANTAfter the update please re-install the plugin - do not worry, the existing data will not be deleted.

Version 1.0.4

Advanced settings for designer-text: "margin-left" and "margin-top". This allows any positioning of the text on the background (on cards, patches, stickers or on any giveaways).

Version 1.0.3

Fixing of color change in SVG fonts.

Version 1.0.2

Adaptation of Javascript syntax to Safari for Mobile because unfortunately, iPhones and iPads are not compatible with the current ECMAScript 6 syntax

Version 1.0.1

New plugin ZIP file for the first release

Version 1.0.0

First Release: Addon Designer 1.0.0

About the manufacturer

Borucinski Grafix Borucinski Grafix 15 Extensions
5 0 0
5 Ø Rating

Recently viewed