I have recently installed Fancy Product Designer and I have a few questions on how to setup some things right. I have been trying to solve these issues with the help of the documentation and forum but had no luck yet.
1. I would like the customer to add just one image to the product. I have set the Replace name same as the elements name, but it has no effect. It still imports more images placing them on top of others. And the copy button in the upper left corner should be removed.
2. custom images should be auto-scaled to the print area (dotted line) so that customers don't have to resize it everytime they load a new.
3. custom images should be cropped to the print area (dotted line) if they are scaled larger.
4. set transparency of loaded images to 90% (or simliar) so that customers can still see the "background" and make sure it fits. It would make everything look a bit more realistic too.
5. Getting images from Instagram works great but only shows the last 12 posts. Why?
I'd appreciate if anyone has hints or could point me in the right direction.
Thank you!
Best Answer
r
rady kal
said
over 5 years ago
2. custom images should be auto-scaled to the print area (dotted line) so that customers don't have to resize it everytime they load a new.
-> therefore you have different options. You can p.e. go to your woocommerce product -> click on individual product settings -> go to image properties -> set a value for resize to width / height/ max -width or height OR create a bounding box in your product and select the mode "clipping" so the image will be enlargened to fit the box (recommended depending on your product).
3. custom images should be cropped to the print area (dotted line) if they are scaled larger.
-> same as above (bounding box clipping mode)
4. set transparency of loaded images to 90% (or simliar) so that customers can still see the "background" and make sure it fits. It would make everything look a bit more realistic too.
-> you can set transparency of the background to 10% and mark as "stay on top"
I guess you're german so i'll answer in german. If not, please let me know.
Es gibt mehrere Möglichkeiten. Du kannst z.B. ein Bild in den Product Builder hochladen (z.B. eine rechteckiges, transparentes png) und dieses "Base" benennen. Dieses Bild kannst du genau an den Bereich anpassen, der als "Designfläche" genutzt werden soll.
Unter: Fancy Product Designer -> Settings -> Custom Images and Designs -> musst du (falls es nicht bereits so dort steht), folgende Änderungen eintragen:
"Use Another Element As Bounding Box?" -> aktivieren
Bounding Box Target: Base
Bounding Box Mode: Clipping
Der Druckbereich ist der Bereich, der exportiert wird, wenn du die Admin Solution verwendest. Nutzt du die Admin Version nicht, wird das gesamte Canvas exportiert.
Wenn du ein Bild im Product Builder hinzufügst, kannst du auf "Colors" klicken und Opacity zu z.B. 0,1 setzen (Transparenz 10%). Unter "Modifications" kannst du stay on top aktivieren.
D
Dan Brown
said
over 5 years ago
Oh, one more question. When the user adds an image and has it selected, there's two small boxes below them "transform" and "position". Is there a way to remove them? I would like to have the product designer as simple as possible. Thank you.
D
Dan Brown
said
over 5 years ago
Thank you radykal, sorry for getting back so late.
I can't get the clipping to work properly. Please see attached screenshot - sorry it's in german, but I guess you know what is what.
There's two options: "begrenzungsbox" what I guess is "bounding box" and "druckbereich" (printing area).
I don't know what the difference is and neither of them make any difference when adding an image, no matter what I set there. You can see that the option "print area" is disabled. It used to be enabled but it is disabled for a reason I don't know. Annoying.
Anyhow, I can almost live with that. About the transparency: I can also set a background for the UI, but I cannot find a transparency option nor an option to let the background stay on top. I only see an options to set the layer ("ebene" in screenshot) always on top, but that's not what I want.
Overall, I found it very hard to setup. Any help is appreciated.
2. custom images should be auto-scaled to the print area (dotted line) so that customers don't have to resize it everytime they load a new.
-> therefore you have different options. You can p.e. go to your woocommerce product -> click on individual product settings -> go to image properties -> set a value for resize to width / height/ max -width or height OR create a bounding box in your product and select the mode "clipping" so the image will be enlargened to fit the box (recommended depending on your product).
3. custom images should be cropped to the print area (dotted line) if they are scaled larger.
-> same as above (bounding box clipping mode)
4. set transparency of loaded images to 90% (or simliar) so that customers can still see the "background" and make sure it fits. It would make everything look a bit more realistic too.
-> you can set transparency of the background to 10% and mark as "stay on top"
D
Dan Brown
said
over 5 years ago
Ignore point 1 - I have set it in product options too (apart from the product builder settings) and replacing works now.
Dan Brown
Hi,
I have recently installed Fancy Product Designer and I have a few questions on how to setup some things right. I have been trying to solve these issues with the help of the documentation and forum but had no luck yet.
1. I would like the customer to add just one image to the product. I have set the Replace name same as the elements name, but it has no effect. It still imports more images placing them on top of others. And the copy button in the upper left corner should be removed.
2. custom images should be auto-scaled to the print area (dotted line) so that customers don't have to resize it everytime they load a new.
3. custom images should be cropped to the print area (dotted line) if they are scaled larger.
4. set transparency of loaded images to 90% (or simliar) so that customers can still see the "background" and make sure it fits. It would make everything look a bit more realistic too.
5. Getting images from Instagram works great but only shows the last 12 posts. Why?
I'd appreciate if anyone has hints or could point me in the right direction.
Thank you!
2. custom images should be auto-scaled to the print area (dotted line) so that customers don't have to resize it everytime they load a new.
-> therefore you have different options. You can p.e. go to your woocommerce product -> click on individual product settings -> go to image properties -> set a value for resize to width / height/ max -width or height OR create a bounding box in your product and select the mode "clipping" so the image will be enlargened to fit the box (recommended depending on your product).
3. custom images should be cropped to the print area (dotted line) if they are scaled larger.
-> same as above (bounding box clipping mode)
4. set transparency of loaded images to 90% (or simliar) so that customers can still see the "background" and make sure it fits. It would make everything look a bit more realistic too.
-> you can set transparency of the background to 10% and mark as "stay on top"
- Oldest First
- Popular
- Newest First
Sorted by Newest Firstrady kal
I guess you're german so i'll answer in german. If not, please let me know.
Es gibt mehrere Möglichkeiten. Du kannst z.B. ein Bild in den Product Builder hochladen (z.B. eine rechteckiges, transparentes png) und dieses "Base" benennen. Dieses Bild kannst du genau an den Bereich anpassen, der als "Designfläche" genutzt werden soll.
Unter: Fancy Product Designer -> Settings -> Custom Images and Designs -> musst du (falls es nicht bereits so dort steht), folgende Änderungen eintragen:
"Use Another Element As Bounding Box?" -> aktivieren
Bounding Box Target: Base
Bounding Box Mode: Clipping
Der Druckbereich ist der Bereich, der exportiert wird, wenn du die Admin Solution verwendest. Nutzt du die Admin Version nicht, wird das gesamte Canvas exportiert.
Wenn du ein Bild im Product Builder hinzufügst, kannst du auf "Colors" klicken und Opacity zu z.B. 0,1 setzen (Transparenz 10%). Unter "Modifications" kannst du stay on top aktivieren.
Dan Brown
Oh, one more question. When the user adds an image and has it selected, there's two small boxes below them "transform" and "position". Is there a way to remove them? I would like to have the product designer as simple as possible. Thank you.
Dan Brown
Thank you radykal, sorry for getting back so late.
I can't get the clipping to work properly. Please see attached screenshot - sorry it's in german, but I guess you know what is what.
There's two options: "begrenzungsbox" what I guess is "bounding box" and "druckbereich" (printing area).
I don't know what the difference is and neither of them make any difference when adding an image, no matter what I set there. You can see that the option "print area" is disabled. It used to be enabled but it is disabled for a reason I don't know. Annoying.
Anyhow, I can almost live with that. About the transparency: I can also set a background for the UI, but I cannot find a transparency option nor an option to let the background stay on top. I only see an options to set the layer ("ebene" in screenshot) always on top, but that's not what I want.
Overall, I found it very hard to setup. Any help is appreciated.
rady kal
2. custom images should be auto-scaled to the print area (dotted line) so that customers don't have to resize it everytime they load a new.
-> therefore you have different options. You can p.e. go to your woocommerce product -> click on individual product settings -> go to image properties -> set a value for resize to width / height/ max -width or height OR create a bounding box in your product and select the mode "clipping" so the image will be enlargened to fit the box (recommended depending on your product).
3. custom images should be cropped to the print area (dotted line) if they are scaled larger.
-> same as above (bounding box clipping mode)
4. set transparency of loaded images to 90% (or simliar) so that customers can still see the "background" and make sure it fits. It would make everything look a bit more realistic too.
-> you can set transparency of the background to 10% and mark as "stay on top"
Dan Brown
Ignore point 1 - I have set it in product options too (apart from the product builder settings) and replacing works now.
-
Adding Fancy Products to Categories
-
Shortcode for specfic product designer
-
What theme is recommended to use with FPD ?
-
Exclude Image from export
-
Google Font Family adds extras
-
Floating Dialog box
-
Uploadzone not working
-
Image transparency like in T-shirt demo
-
How do I get clipart
-
What does the LOAD button do / what is it for?
See all 2208 topics