Page 1 of 1

Dropdown menu with different colors

Posted: Thu Jan 05, 2012 3:49 pm
by speakershock
Hi Everybody, i've searched the whole forum, but i can not find a conclusive answer.

I'm making a shop for a client (First ever shop, so first time with opencart) and its going very well.. First i was using a image selection with colors as an image, but the client wants to add a bunch more colors. So i want to implement a dropdown menu where customers can choose the color. Something like this:

http://pietschsoft.com/post/2004/09/20/ ... pages.aspx

How can i implement this in the product.tpl so that it shows up in my product pages, and gets send with the order?

Thank you in advance..

i'm using 1.5.1.3

Re: Dropdown menu with different colors

Posted: Thu Jan 05, 2012 11:29 pm
by Maio
it easy but doesn't work on IE 6,7,8 or you can write it on javescript or whatever

add this on you css

Code: Select all

/* example */
#menu > ul > li ul > li:nth-child(1) > a {
background: #f00;
color: #fff;
}

#menu > ul > li ul > li:nth-child(2) > a {
background: #f66;
color: #000;
}
just add and change the number in the nth-child ( e.g nth-chiled(10) this mean the number 10th row in menu) will get more and more color on you menu

Re: Dropdown menu with different colors

Posted: Mon Apr 16, 2012 1:19 am
by marandy
I tried it.

catalog/view/theme/mytheme/stylesheet/stylesheet.css

but it is not working.
What I am doing wrong?