Important: FPD Support Update

As of March 1, 2025, direct support for Fancy Product Designer has been discontinued. Only customers with an active support license will continue to receive assistance. Our team is now fully dedicated to Chamevo, the next-generation product customization platform built on the foundations of FPD. For help, use the chatbot available on fancyproductdesigner.com or chamevo.com.

Using an SVG as mask for a view

Updated September 9, 202414,445 views81 found helpful

SVG vector graphics can be used as masks for views. Please note, that the SVG mask can currently only contain one path or combined paths, that will be used as a mask. To add a mask open the view you like to add it to in the product builder. Above the Canvas, click the "Edit mask" button:



A menu will open. To add a mask, click on the image icon.

In this example the used SVG is a svg with two combined paths. Only the intransparent area of your SVG is masked, the rest will be displayed - this applies to all content you have added or that the customer adds within that view.