[Skip to main content](#vessel-content)

#   Adding color selector to the characteristics

##

- **[hamidre13](/forum/user/7305-hamidre13 "View hamidre13's Profile")**
- [![hamidre13's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7305-hamidre13 "View hamidre13's Profile") Topic Author
- [ Offline](/forum/user/7305-hamidre13)

Less More

- Posts: 25
- Thank you received: 0
-
-

14 years 5 months ago [\#49191](#49191) by [hamidre13](/forum/user/7305-hamidre13 "View hamidre13's Profile")  *[Adding color selector to the characteristics](/forum/2-general-talk-about-hikashop/49191-adding-color-selector-to-the-characteristics#49191 "Hi I don't know much about php(I am programming with asp.net),but I like to add java script color picker to the characteristic section and in the front end instead of drop down for the color i like to show color squares. I'm wondering if you can tell me which files should i modify? like this link:   shop.stelladot.com/style/b2c&#95;en&#95;us/shop/...lindsay-bangles.html  Thanks for your great app")* was created by *[hamidre13](/forum/user/7305-hamidre13 "View hamidre13's Profile")*

Hi
I don't know much about php(I am programming with asp.net),but I like to add java script color picker to the characteristic section and in the front end instead of drop down for the color i like to show color squares.
I'm wondering if you can tell me which files should i modify?
like this link:
[ shop.stelladot.com/style/b2c\_en\_us/shop/...lindsay-bangles.html](http://shop.stelladot.com/style/b2c_en_us/shop/bracelets/bracelets-all/lindsay-bangles.html)

Thanks for your great app

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ5MTkxLWFkZGluZy1jb2xvci1zZWxlY3Rvci10by10aGUtY2hhcmFjdGVyaXN0aWNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) 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: 86318
- Thank you received: 14276
-
-

14 years 5 months ago [\#49284](#49284) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Adding color selector to the characteristics](/forum/2-general-talk-about-hikashop/49191-adding-color-selector-to-the-characteristics#49284 "Hi I don't know much about php(I am programming with asp.net),but I like to add java script color picker to the characteristic section and in the front end instead of drop down for the color i like to show color squares. I'm wondering if you can tell me which files should i modify? like this link:   shop.stelladot.com/style/b2c&#95;en&#95;us/shop/...lindsay-bangles.html  Thanks for your great app")*

Hi,

You can do a characteristics display override:
[ www.hikashop.com/en/support/documentatio...tation.html#override](http://www.hikashop.com/en/support/documentation/62-hikashop-developer-documentation.html#override)

Here is a thread on the subject for more information on the subject:
[ www.hikashop.com/en/forum/2-general-talk...characteristics.html](http://www.hikashop.com/en/forum/2-general-talk-about-hikashop/46495-template-override-for-characteristics.html)

The following user(s) said Thank You: [hamidre13](/forum/user/7305-hamidre13 "View hamidre13's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ5MTkxLWFkZGluZy1jb2xvci1zZWxlY3Rvci10by10aGUtY2hhcmFjdGVyaXN0aWNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[dyenamic](/forum/user/7325-dyenamic "View dyenamic's Profile")**
- [![dyenamic's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7325-dyenamic "View dyenamic's Profile")
- [ Offline](/forum/user/7325-dyenamic)

Less More

- Posts: 4
- Thank you received: 0
-
-

14 years 4 months ago [\#52594](#52594) by [dyenamic](/forum/user/7325-dyenamic "View dyenamic's Profile")  Replied by *[dyenamic](/forum/user/7325-dyenamic "View dyenamic's Profile")* on topic *[Re: Adding color selector to the characteristics](/forum/2-general-talk-about-hikashop/49191-adding-color-selector-to-the-characteristics#52594 "Hi I don't know much about php(I am programming with asp.net),but I like to add java script color picker to the characteristic section and in the front end instead of drop down for the color i like to show color squares. I'm wondering if you can tell me which files should i modify? like this link:   shop.stelladot.com/style/b2c&#95;en&#95;us/shop/...lindsay-bangles.html  Thanks for your great app")*

Just wondering if you were able to get this to work by doing the override....I am trying to set product sizes with color squares and I like how you have your sample page set up...

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ5MTkxLWFkZGluZy1jb2xvci1zZWxlY3Rvci10by10aGUtY2hhcmFjdGVyaXN0aWNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[hamidre13](/forum/user/7305-hamidre13 "View hamidre13's Profile")**
- [![hamidre13's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7305-hamidre13 "View hamidre13's Profile") Topic Author
- [ Offline](/forum/user/7305-hamidre13)

Less More

- Posts: 25
- Thank you received: 0
-
-

14 years 4 months ago [\#52677](#52677) by [hamidre13](/forum/user/7305-hamidre13 "View hamidre13's Profile")  Replied by *[hamidre13](/forum/user/7305-hamidre13 "View hamidre13's Profile")* on topic *[Re: Adding color selector to the characteristics](/forum/2-general-talk-about-hikashop/49191-adding-color-selector-to-the-characteristics#52677 "Hi I don't know much about php(I am programming with asp.net),but I like to add java script color picker to the characteristic section and in the front end instead of drop down for the color i like to show color squares. I'm wondering if you can tell me which files should i modify? like this link:   shop.stelladot.com/style/b2c&#95;en&#95;us/shop/...lindsay-bangles.html  Thanks for your great app")*

Hi
I talked to my customer and she was okay with the drop down.But you can just hide the drop down and base on the values of the drop down and with the help of Jquery or java script show the colors in the little squares.the right way that i'm trying to develop it for myself is have the plugin and module at the backed and front end,In the back end customer should have color wheel so he can select the color and at the front end It should be squares and by clicking on the squares the picture should automatically change to that color too.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ5MTkxLWFkZGluZy1jb2xvci1zZWxlY3Rvci10by10aGUtY2hhcmFjdGVyaXN0aWNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[woes](/forum/user/1954-woes "View woes's Profile")**
- [![woes's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1954-woes "View woes's Profile")
- [ Offline](/forum/user/1954-woes)

Less More

- Posts: 47
- Thank you received: 0
-
-

14 years 4 months ago [\#54658](#54658) by [woes](/forum/user/1954-woes "View woes's Profile")  Replied by *[woes](/forum/user/1954-woes "View woes's Profile")* on topic *[Re: Adding color selector to the characteristics](/forum/2-general-talk-about-hikashop/49191-adding-color-selector-to-the-characteristics#54658 "Hi I don't know much about php(I am programming with asp.net),but I like to add java script color picker to the characteristic section and in the front end instead of drop down for the color i like to show color squares. I'm wondering if you can tell me which files should i modify? like this link:   shop.stelladot.com/style/b2c&#95;en&#95;us/shop/...lindsay-bangles.html  Thanks for your great app")*

Hi all,

Wondering if Hamidre or anyone else got the color picker working.. would be great if you could share your code!

If there's no other solution i might try the jquery way, but preferably it is done via an override, especially if you made an integration into the backend as well!

Kind regards,
Woes

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ5MTkxLWFkZGluZy1jb2xvci1zZWxlY3Rvci10by10aGUtY2hhcmFjdGVyaXN0aWNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; 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.154 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
