radykal | Support Center Chooser

For which product do you need support?

Fancy Product Designer Multistep Product Configurator

Start a new topic
Answered

Custom Bounding Boxes

Is there any way to create a not-rectangle bounding box like circular or round cornered? Even if i use a target image as bounding box (which is a backgroundless bmp) it just sets an rectangle box framing the image as bounding box.

png

Best Answer

Sorry, no there is currently no way of doing that. In most cases you can use a masking image though, like in our pin demo: http://fancyproductdesigner.com/product/bagde-pin/


Answer

Sorry, no there is currently no way of doing that. In most cases you can use a masking image though, like in our pin demo: http://fancyproductdesigner.com/product/bagde-pin/

Ok! Thx for your quick answer!

That'll work out fine for me, just another question: How do i manage to restrict the chosen elements (image/txt/design) to appear between my background and my mask-layer?

Alright, i found out myself: via the modification in the productbuildern "stay on top"

How to create a custom form for mudguard ? 

I made an outline of the mudgard on png, then, i assign as bounding box but it dosen't work.


If you can help me.

Thx


I'd use the image of the mudguard put in on a new layer in my image editing program then select the layer content, invert the selection and fill the selection on a new layer with the color/ image I want to use for the masking. Then export as .png, as that format supports transparency.

i did that. But, when I put a logo, it passes over the bounding box, why ?


thx

Possibly because you have not activated the "stay on top option"? Or because the logo is on top? Hard to tell without seeing the page. Please open a ticket.


How can I activate the image mask in the simple plugin of jquery? Examples are in woocormerce.


I add the parameter to the image but it does not mask it with the base.

<img data-src='images/design.png' title='Design' data-parameters='{"uploadZone":0,"left":480,"top":250,"scaleX":1,"scaleY":1,"degree":0,"price":0,"replace":"Image","originX":"center","originY":"center","opacity":1,"removable":1,"draggable":1,"rotatable":1,"resizable":1,"zChangeable":0,"topped":0,"autoSelect":1,"uniScalingUnlockable":0,"boundingBoxMode":"inside","customAdds": {}}' />

You can see the code example.


Thanks.
Login or Signup to post a comment