Hexidecimal Color Names do not display when placing color menu "after short description"

Posted over 7 years ago by Scott Floyd

Post a topic
Implemented
S
Scott Floyd

Can you please fix this in the next update? 


Screen%20Shot%202016-10-16%20at%208.08.45%20PM.png

0 Votes


14 Comments

Sorted by
rady kal

rady kal posted over 7 years ago Admin

This is not a bug, its done with purpose. As some custom names could be too long for color items, I am thinking about to use the color names only in a tooltip in next update.

0 Votes

S

Scott Floyd posted over 7 years ago

Okay, that sounds like a good idea. I will probably just try to hide the hex codes via CSS for now.


Cheers

0 Votes

R

R. Blasche posted over 7 years ago

Yes please, the tooltip seems like a good idea. The Hexadecimal value won't help most users anyway.

0 Votes

R

R. Blasche posted over 7 years ago

So I added the Tooltips myself.


I use FPD Plus Color Selection and don't want the Product Designer Color Selection (its buggy, confusing to users).

But i want Color Titles to be shown as Tooltips in the FPD Plus Color Selection.

So first i disable the first view, first layer (which is my color layer). Then I add Tooltip titles to the Colors and Update the Tooltip Framework.

I hope somebody finds this useful.

 

jQuery( document ).ready( function( $ ) {

 // FPD fixes after init
 $selector.on('productCreate', function(evt, viewInstance) {
  // lock layer for fist view, first layer
  fancyProductDesigner.getElements(0)[0].evented = false;
  
  // Add color names to color selection items
  var $colors = $(fancyProductDesigner.mainOptions.colorSelectionPlacement);
  $colors.children().each(function() {
   var hex = $(this).children().first().text();
   var tooltipTitle = fancyProductDesigner.mainOptions.hexNames[ hex.replace('#', '') ];
   tooltipTitle = tooltipTitle ? tooltipTitle : hex;
   $(this).attr('title',tooltipTitle);
   $(this).addClass('fpd-tooltip');
  });
  // Activate the Tooltips
  FPDUtil.updateTooltip( $colors );
 });
});

 

0 Votes

G

Gregory St. Gelais posted about 7 years ago

That is a great idea. would you mind telling me how you would implement that code? thank you

 

0 Votes

R

R. Blasche posted about 7 years ago

@Gregory St. Gelais
Make sure this script is loaded after all the other scripts (in this case fpd-plus and jquery-fpd)
So for WP, add this to your functions.php:

// include after fpd-plus script
wp_register_script('myscript', get_stylesheet_directory_uri() . '/js/myscript.js', array('fpd-plus','jquery-fpd'), '1.0', true);
wp_enqueue_script('myscript');

Obviously create the file /js/myscript.js in your template dir. and fill it with the snippet i posted before.
I hope that works for you.

0 Votes

G

Gregory St. Gelais posted about 7 years ago

Thank You very much, i got that to work. But i still have the hex colors under the color swatches, which i know will confuse people. is there a way to get rid of those??

 

0 Votes

R

R. Blasche posted about 7 years ago

with a hack like this:

 

.fpd-color-selection.fpd-custom-pos > div > .fpd-label{
    display: none!important;
}

 

 

 

0 Votes

G

Gregory St. Gelais posted about 7 years ago

Thank you again, it didnt come up initially, but when i refreshed the page it did. nice job!

 

0 Votes

M

Marco Olmos posted almost 7 years ago

Thanks Blasche for the contribution. I would like to know if this same snippet works to display the color names in shopping cart or if you can modify it, thanks


image


0 Votes

R

R. Blasche posted almost 7 years ago

For prefefinded colors, yes.
For randomly picked colors, no. (you would have to name 16 Million colors)

Here is the FAQ:
http://support.fancyproductdesigner.com/support/solutions/articles/5000597149-defining-names-and-prices-for-colors

 

0 Votes

M

Marco Olmos posted almost 7 years ago

Hi Blasche, thanks for replay, I recognize that you are very smart. 

Actually I have my color palette with color names , but they are not showing in cart. 

even, I would like to know how to put multiple views of the same custom product in cart for example: front, back and sleeve, do you have some idea?


0 Votes

rady kal

rady kal posted almost 7 years ago Admin

Included in V1.1, now you can enable a tooltip to display the hex name.

0 Votes

M

Marco Olmos posted almost 7 years ago

Hi M Radykal


This does not work for the cart yet only for color palette. Color names still do not appear in the shopping cart, only the hex codes. 

What is the trick to activate them?


thanks for your help

0 Votes

Login or Sign up to post a comment