Color Picker

[HADY]

Hello guys,

I searched th forums but i couldn't find any related post which could solve my question.

I need to know how to add color picker to product to make it easier for client to make multiple order from same product in different colors and to be mentioned the color code in a separated box with the required quantities. 

[Basara]

Hello.
1. Add an option with option type INPUT and initial value #ffffff
2. Create an HTML block with the next code and add it to the Footer Top section of the Product Page Layout

Code Select Expand

<script type="text/javascript">
$( window ).on( "load", function() {
$('input[type=text][value^="#"]').each(function() {
$(this).prop('type', 'color');
})});</script>

[HADY]

Hello.
1. Add an option with option type INPUT and initial value #ffffff
2. Create an HTML block with the next code and add it to the Footer Top section of the Product Page Layout

Code Select Expand

<script type="text/javascript">
$( window ).on( "load", function() {
$('input[type=text][value^="#"]').each(function() {
$(this).prop('type', 'color');
})});</script>

Hello Sir,

Thank you so much, that was so easy and very good section.

[HADY]

I have a question about the color picture, is it possible to make it to be appeared in the product picture section ??