[Skip to main content](#vessel-content) # Color Picker and Text Box ## - **[adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile")** - [![adeptdesigns's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile") Topic Author - [ Offline](/forum/user/4465-adeptdesigns) Less More - Posts: 78 - Thank you received: 1 - - 13 years 2 months ago [\#121297](#121297) by [adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile") *[Color Picker and Text Box](/forum/2-general-talk-about-hikashop/861575-color-picker-and-text-box#121297 "-- url of the page with the problem -- : www.ukoalabag.com -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these?")* was created by *[adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile")* -- url of the page with the problem -- : [ www.ukoalabag.com](http://www.ukoalabag.com) -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MTU3NS1jb2xvci1waWNrZXItYW5kLXRleHQtYm94P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 13 years 2 months ago [\#121314](#121314) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Color Picker and Text Box](/forum/2-general-talk-about-hikashop/861575-color-picker-and-text-box#121314 "-- url of the page with the problem -- : www.ukoalabag.com -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these?")* Hi, For the "item custom field", HikaShop business will be required. Thanks to this version you will be able to create these "item custom fields" so the customer will be able to set the custom fields while adding a product into his cart. After that, we don't have a "color picker" custom field but you can use a classical textbox and plug a color picker javascript library on it (or create a new custom field type using a custom plugin). Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MTU3NS1jb2xvci1waWNrZXItYW5kLXRleHQtYm94P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile")** - [![adeptdesigns's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile") Topic Author - [ Offline](/forum/user/4465-adeptdesigns) Less More - Posts: 78 - Thank you received: 1 - - 13 years 1 month ago [\#122321](#122321) by [adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile") Replied by *[adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile")* on topic *[Color Picker and Text Box](/forum/2-general-talk-about-hikashop/861575-color-picker-and-text-box#122321 "-- url of the page with the problem -- : www.ukoalabag.com -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these?")* Thanks Jerome, I bought the Business Version. I can't find "Item Custom Field" as you speak of to start adding the textbox's. Where do I find this? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MTU3NS1jb2xvci1waWNrZXItYW5kLXRleHQtYm94P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 13 years 1 month ago [\#122398](#122398) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Color Picker and Text Box](/forum/2-general-talk-about-hikashop/861575-color-picker-and-text-box#122398 "-- url of the page with the problem -- : www.ukoalabag.com -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these?")* Hi, In the backend, you can access to "Display > Custom fields". By creating a "New" custom field, you will be able to choose the table (witch is the type/target) and you have to choose "item". After that you can create the type you want, a textbox, a dropdown, etc. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MTU3NS1jb2xvci1waWNrZXItYW5kLXRleHQtYm94P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile")** - [![adeptdesigns's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile") Topic Author - [ Offline](/forum/user/4465-adeptdesigns) Less More - Posts: 78 - Thank you received: 1 - - 13 years 1 month ago - 13 years 1 month ago [\#122444](#122444) by [adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile") Replied by *[adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile")* on topic *[Color Picker and Text Box](/forum/2-general-talk-about-hikashop/861575-color-picker-and-text-box#122444 "-- url of the page with the problem -- : www.ukoalabag.com -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these?")* Thanks Jerome!! I am getting very close here, just a little problem with the color picker. Can you please look at the site I am working with: [ www.originalweddingglass.com/store-2](http://www.originalweddingglass.com/store-2) I have some customization fields, and when you click "Add to Cart" the color picker values aren't transferred. I am using a 'Custom Text' box in Display -> Custom Fields filed to fill the value <input class="color">, and here is the doc and js that runs this color picker: [ jscolor.com/](http://jscolor.com/) It appears the hex value is in the field, but not being transferred to checkout, so we won't know what color to use when an order is sent. Any help is appreciated. Or maybe you can recommend a different color picker if this one isn't compatible? - [ ![h63517c4.png](/forum/attachment/12173) ](/forum/attachment/12173 "h63517c4.png") [ ](/forum/attachment/12173?download=1 "h63517c4.png") Last edit: 13 years 1 month ago by [adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MTU3NS1jb2xvci1waWNrZXItYW5kLXRleHQtYm94P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 13 years 1 month ago [\#122448](#122448) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Color Picker and Text Box](/forum/2-general-talk-about-hikashop/861575-color-picker-and-text-box#122448 "-- url of the page with the problem -- : www.ukoalabag.com -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these?")* Jerome was talking about create a custom field of the type "text" and not "custom text". The input will be generated and saved automatically by HikaShop in that case and yu'll just have to plug the color picker on that generated input. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MTU3NS1jb2xvci1waWNrZXItYW5kLXRleHQtYm94P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile")** - [![adeptdesigns's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile") Topic Author - [ Offline](/forum/user/4465-adeptdesigns) Less More - Posts: 78 - Thank you received: 1 - - 13 years 1 month ago [\#122468](#122468) by [adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile") Replied by *[adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile")* on topic *[Color Picker and Text Box](/forum/2-general-talk-about-hikashop/861575-color-picker-and-text-box#122468 "-- url of the page with the problem -- : www.ukoalabag.com -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these?")* Hi, I have to use this to call the picker: <input class="color"> When I select "Field Type - Text" there is no place to insert that code. I am missing something here, your assistance is greatly appreciated. - [ ![hffbae4d.png](/forum/attachment/12179) ](/forum/attachment/12179 "hffbae4d.png") [ ](/forum/attachment/12179?download=1 "hffbae4d.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MTU3NS1jb2xvci1waWNrZXItYW5kLXRleHQtYm94P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 13 years 1 month ago [\#122530](#122530) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Color Picker and Text Box](/forum/2-general-talk-about-hikashop/861575-color-picker-and-text-box#122530 "-- url of the page with the problem -- : www.ukoalabag.com -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these?")* Hi, You can't specify the class of the input. You can however use manual binding as explained on their website to transform a normal input into a color picker just with its id with a few lines of javascript on your page : [ jscolor.com/try.php#manual-binding](http://jscolor.com/try.php#manual-binding) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MTU3NS1jb2xvci1waWNrZXItYW5kLXRleHQtYm94P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile")** - [![adeptdesigns's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile") Topic Author - [ Offline](/forum/user/4465-adeptdesigns) Less More - Posts: 78 - Thank you received: 1 - - 13 years 1 month ago [\#122616](#122616) by [adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile") Replied by *[adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile")* on topic *[Color Picker and Text Box](/forum/2-general-talk-about-hikashop/861575-color-picker-and-text-box#122616 "-- url of the page with the problem -- : www.ukoalabag.com -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these?")* I can't thank you guys enough for your quick and prompt support! I am clearly still missing something however. I have the js added to the site directory, and correctly pointed in the head of the template index.php file. I tried to use the ID from the source code, and that does not activate the color picker. Have I called the wrong ID? - [ ![h32f2ba9.png](/forum/attachment/12187) ](/forum/attachment/12187 "h32f2ba9.png") [ ](/forum/attachment/12187?download=1 "h32f2ba9.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MTU3NS1jb2xvci1waWNrZXItYW5kLXRleHQtYm94P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 13 years 1 month ago - 13 years 1 month ago [\#122629](#122629) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Color Picker and Text Box](/forum/2-general-talk-about-hikashop/861575-color-picker-and-text-box#122629 "-- url of the page with the problem -- : www.ukoalabag.com -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these?")* That's the id of the span where the input is. Look on the right of that line and you'll find your input with the id "color". Last edit: 13 years 1 month ago by [nicolas](/forum/user/63-nicolas "View nicolas's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MTU3NS1jb2xvci1waWNrZXItYW5kLXRleHQtYm94P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile")** - [![adeptdesigns's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile") Topic Author - [ Offline](/forum/user/4465-adeptdesigns) Less More - Posts: 78 - Thank you received: 1 - - 13 years 1 month ago [\#122664](#122664) by [adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile") Replied by *[adeptdesigns](/forum/user/4465-adeptdesigns "View adeptdesigns's Profile")* on topic *[Color Picker and Text Box](/forum/2-general-talk-about-hikashop/861575-color-picker-and-text-box#122664 "-- url of the page with the problem -- : www.ukoalabag.com -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these?")* I should have mentioned, I tried that too. It didn't work either. ![:(](/media/kunena/emoticons/22.png ":(") - [ ![ha4d90fc.png](/forum/attachment/12190) ](/forum/attachment/12190 "ha4d90fc.png") [ ](/forum/attachment/12190?download=1 "ha4d90fc.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MTU3NS1jb2xvci1waWNrZXItYW5kLXRleHQtYm94P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 1 month ago [\#122694](#122694) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Color Picker and Text Box](/forum/2-general-talk-about-hikashop/861575-color-picker-and-text-box#122694 "-- url of the page with the problem -- : www.ukoalabag.com -- HikaShop version -- : Essential 2.2.0 -- Joomla version -- : 2.5.13 -- PHP version -- : 5.3.13 -- Browser(s) name and version -- : Firefox 22.0 Hi Guys, Can you tell me how to implement 2 color selectors and a text area? When the client selects a product, we would like for them to be able to chose 2 RGB colors, maybe from an color map. And they also need an area to type specific instructions. How can I add these?")* It probably means you have this id multiple times on this page. This happens when the input is displayed more than one time. So make sure this input is only displayed once. If it still doesn't work, check your browser console to see if you have any JS error. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MTU3NS1jb2xvci1waWNrZXItYW5kLXRleHQtYm94P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.108 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)