Guide
Three base shapes - circle, rectangle and triangle - are available out of the box, and storefronts can grow their own libraries by uploading SVGs to User Media and Clipart categories.
MegaEdit supports a dedicated SVG Shape field, letting customers drag vector shapes straight onto the canvas and recolour them per element. Three base shapes - circle, rectangle and triangle - ship out of the box, and administrators can build custom shape libraries by uploading SVGs to User Media and Clipart categories. Dropped shapes are created as General Shape fields, so they carry the full set of visual controls - move, scale, rotate, colour and tiling - without any markup editing.
Environment
Any MegaEdit storefront. Available to all.
Administrators apply the SVG Shape Field script from the Infigo admin area - globally on the MegaEdit Scripts page, or per product from the Scripts tab when editing that product's MegaEdit settings.
Configuration
Step 1: Enable Allow SVG uploads
Open the MegaEdit ProductA product type in Infigo that uses the browser-based MegaEdit editor to let customers personalise templates online. Settings page (Settings tab) and find the Allow SVG uploads setting. When on, SVG files can be uploaded to media albums and clipart categories and dropped into the editor as shape fields; when it is off, the SVG file type is hidden from upload pickers and SVG uploads are rejected. It is on by default. Tick the box (if it is not already) and save the page.
Step 2: Apply the SVG Shape Field script
The SVG Shape Field is delivered as a MegaEdit script and is available to all storefronts. You can apply it in two ways:
Globally: open the MegaEdit Scripts page and apply the SVG Shape Field script so it is available across your products.
Per product: when editing a product's MegaEdit settings in the Infigo admin, open the Scripts tab and apply the SVG Shape Field script to that product.
Products launched with the script applied will have the new SVG Shape fields available in the editor.
On deployment, SVG is registered as a permitted upload file type at platform level, and the SVG Shape Field script is made available to all storefronts for global or per-product application.
Closing note
Existing products can have the SVG Shape Field script applied at any time - globally from the MegaEdit Scripts page, or per product from the Scripts tab in that product's MegaEdit settings. If you need help enabling the feature, contact Infigo Customer Support.
Video transcript
0:00 MegaEdit SVG Field. MegaEdit now includes a dedicated SVG shape field so your customers can place back to shapes straight onto the canvas and recolor each element, with no markup editing at all. Three base shapes come ready to use, and you can grow your own library by loading your own SVG files.
0:20 First, open the MegaEdit product settings and find the Allow SVG Uploads. When this is on, SVG files can be uploaded to your media albums and trip art categories and dropped into the editor as shapes. Tick the box and save the page. Next, apply the SVG shape field script. From the scripts page, you can switch it on globally so it is available across your products, or apply it to a single product from that product script tab.
0:47 Either way, those products then carry the new shape fields. Now, inside the editor, customers see circle, rectangle, and the general SVG shape option in the fields panel. Dragging one onto the page creates a shape field with the full set of controls, so it can be moved, scaled, rotated, recoloured, and tiled from the configuration panel on the right.
1:10 Here is the shape field in action. A shape is dropped onto the canvas and then recoloured element by element, all directly in the editor. Because shakes also render on the server, they output correctly in previews and finished files. And that is the SVG shape field. Your customers get clean, on-brand vector shapes, they can style themselves, and you stay in control of which products offer them.
1:34 If you would like help turning it on, your platform support team can enable it for you.
No lines in the transcript match your search.