Implemented

Drop down menu

Adam Keen

started a topic over 9 years ago

Instead of a floating dialog box could you make it so when a user clicks the bottons at the top it drops down as a window/menu and a *done* button to make changes to make it disappear again.

B

Brendan Singbeil
said about 9 years ago

+1 for the drop down menu option - this would make it much more clear what can be customized rather than having the customer just clicking on random art to find out.
A

Adam Keen
said about 9 years ago

Yeah everything should reside within the product designer window using drop down menu like previously suggested it would of been more user friendly and also the share feature should be incorporated into the save, load & print menu I think it conflicts with other share icons for the general product page. Also as K Veld mentioned the fixed locations for the dialog covers the design window. I suppose this would be okay if you were wanting to open it up in lightbox full width but not for replace product image. Also the drop down menu idea would then make the plugin mobile friendly. Just my thoughts...
B

Bryan Gray
said about 9 years ago

Hoping the developer will come up with a solution for the floating dialog box very soon. In the meantime, I've found that giving the background some transparency makes the box a little more tolerable for the end user.

I added the following to my custom CSS to create a dark transparent box. It also changes the text to make it more legible on the dark background. I'll attach a couple of screenshots to show how it looks.

/* BEGIN MODIFICATIONS TO FPD DIALOG BOXES */
.fpd-context-dialog {
width: 400px;
background: rgba(56, 56, 56, 0.85);
}

.fpd-content-edit .fpd-list-row.fpd-sub-option label {
color: #FFFFFF;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}

.fpd-list-row i {
font-size: 20px;
font-weight: 900;
color: #ffffff;
}

.fpd-list-row>div {
padding: 12px 0;
color: white;
}
/* END MODIFICATIONS TO FPD DIALOG BOXES*/

png
Screenshot 2...
(226 KB)
png
Screenshot 2...
(214 KB)
s

sylvain Caré
said about 9 years ago

the ideal (for me) would be the same interface as in the opencart Version,
A

Adam Keen
said about 9 years ago

Oh no not full window its not really blending with your website then. I like the replace product image its just I wish there was dropdown menus for the options and possible more quick link icons for text and images instead of using the menus.

#Bryan Gray - tried those css chnages but they don't work for me seems like somethings overriding them and no transparency.
Gregory
said about 9 years ago

Added the transparency by Bryan Gray above and I think it looks great on our site. Great mod.

http://new.hdg-usa.com/agencies/custom-design/t-shirts/eyekon-series-custom-cotton-short-sleeve-tshirt/
Rafael D
said about 9 years ago

Guys I am going to start with the next big update soon.

It will allows you to create different layouts. So you can choose the best user interface for your business.
A

Adam Keen
said about 9 years ago

Look forward to the update :) Thanks Rafael.

#Bryan Gray - work great added to site css instead of FPD css settings and don't get overwritten now. Thanks for sharing those!
D

Diana Turk
said about 9 years ago

Thank you Rafael. We really like FPD and are anxiously waiting your update!
M

Morgan Creech
said about 9 years ago

#Gregory or #Bryan Gray - Can you send a screen shot of the custom CSS in FPD plugin?
Screen shot attached of where I put my custom CSS for FPD.
I tried the code that Bryan posted but it doesn't work.
Thanks!

png
Screen Shot ...
(212 KB)
A

Adam Keen
said about 9 years ago

#morgan it did that for me also I think the plugin overwrites css in the FPD settings unless you add !important like you have done for your other css modifications. Alternatively add it to your websites css then it won't be ignored.
B

Bryan Gray
said about 9 years ago

I found that the code needs to go in my theme's custom css.
Gregory
said about 9 years ago

I also placed the code in my theme custom css.
M

Morgan Creech
said about 9 years ago

Thanks #Gregory this works for my site!

I have a specific question regarding your site. I see that you are using the Woocommerce multistep configuration plugin along with Fancy Product Designer. Before I purchase this additional woocommerce plugin, can you tell me if you can set specific colors (i.e. Text and images) per t-shirt color selection?

For example, when I'm on your site and I choose a white t-shirt, the ink colors that show up still include white. Obviously you don't want to print white on a white shirt, so can you assign specific ink colors to each shirt color selection?

Thanks!
Gregory
said about 9 years ago

We thought of this as well. As far as I can tell so far it seems the FPD does not know what shirt color has been selected in the MSPC so Ink Colors cannot be limited. This would be a great addition though.

enable JavaScriptChatBot