Drop down list background colors ??

[Zukotaz]

On a product page that contains a drop down list for color selection "red", "green" & "amber" so on - is it possible to set the background color for each individual color item?

What files would need to be edited for the drop down option on products?

[kuroi]

It's been a while since I looked at this, but I seem to remember that the answer last time around was that it was impossible to achieve this across all browsers (in particular Internet Explorer) without some javascript to force the issue.

That's of course if you've worked out the Zen Cart coding changes needed to identify which entries should take which colors.

If you Google css for pulldown menu background color, and avoid the answers that are actually for drop down menus, then you should be able to find more detail and solutions to the general issue.

[Zukotaz]

I know this can be done in html and javascript and that some browsers can't handle this unless some javascript is invoked. I have been digging in the file structure to find how the options and values are read for the products within the site but haven't come up with any answers yet before i mess with code.

[Zukotaz]

Has anybody a link to a forum or site on how the drop down forms work within zen?

[kuroi]

Pull down menus are built in Zen Cart by calling the following function

zen_draw_pull_down_menu($name, $values, $default, $parameters, $required)

which can be found in the html_output.php file in includes/functions

[Zukotaz]

I was looking in the right files but let's see if I am following this right.. the html_output.php file calls functions data for the pull down menus from the database for the product page?

Pull down menus are built in Zen Cart by calling the following function which can be found in the html_output.php file in includes/functions

[kuroi]

Afraid not. html_output is just a collection of functions used to format HTML quickly and consistently throughout Zen Cart. You still have to write code to extract the information you from the database and then pass it to the functions in html_output such as zen_draw_pull_down_menu().

If you look at how each function works you will be able to see the format in which it expects this data. For example zen_draw_pull_down_menu() expects to receive an array of values passed as the second parameter. Each entry in this array is itself and associative array with keys 'id' for the selector value and 'text' for the text to be displayed for that selector.

If the information that you want is already being produced by Zen Cart and you just want to format it differently and need extra CSS IDs or classes, then you would

1. clone this function
2. change the code to add your extras and give it a new name
3. put the new function in a file in includes/functions/extra_functions
4. change the function being called to you new one in the template for the page where you want your upgraded pull down to appear

[blackhalo]

As a web designer who's done this on static sites, I was hoping to make this change as well...but it's too difficult with ZC.
Has anyone hacked this yet? Could you map-it-out for the rest of us?