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.

FPD

Using Bounding Boxes to restrict elements

Updated April 10, 202534,814 views132 found helpful
bounding boxclippingmask

Defining a bounding box

Bounding boxes can only be rectangular. There are 2 ways of defining a bounding box:

  1. Setting the x,y positions as well as width and height of a bounding box manually
  2. Using another image element as bounding box. For this you only need to set the title of an image element as bounding box value for another element.

Mode

You can set different bounding box mode:
  • Inside: The element needs to be inside the bounding box. If the element is out of the bounding box, an info tooltip appears.
  • Clipping: The element will be clipped into the bounding box.
  • Limit Modification: The element can only be modified inside the bounding box.
  • None: The bounding box is only showed without any limitations for the user.

Where can I set a Bounding Box?

  1. In the main Fancy Product Designer -> Settings → Element Properties. Here you can set a bounding box for the custom added images and texts for all Product Designers.
  2. In the Individual Product Settings. Here you can set a bounding box for the custom added images and texts for a single Product Designer.
  3. In Fancy Product Designer 

    → 

    Product Builder. Here you can set a bounding box for initial elements in your Fancy Products or upload for example a transparent png to use it as a bounding box for other elements.
  4. In 

    Fancy Product Designer 

    → 

    Fancy Designs. Here you can define a bounding box for your designs your customers can choose from.