Shadows theme Swatch - drop down list

[entrepre7]

For the attributes type. There is a "drop down list" and a "Swatch drop down list " However the Swatch drop down list is just swatches there is no drop down.

[Matt Zimmermann]

That was by design of the framework. However, if you would like to show the select option, remove the class "u-hidden" from the Swatch drop-down in your Product Display Attributes Template on the PROD page.

[entrepre7]

Thank you Matt. I did that and the result I got was a drop down with all the swatches clustered below it. Is it possible to have the swatch inside the drop down on the left of the words? Ask because I don't want to waste time trying to move code around if it involves messing with more than the prod template file.

[Matt Zimmermann]

Unfortunately, browsers do not really support the use of images in a select option. There are several JavaScript plugins out there that would allow for it, but I cannot vouch for any of them. I will look into making an extension which would allow for it natively; I may be able to base it off of the custom select elements used in Colossus.

[Bruce - PhosphorMedia]

Matt,

We've typically just used a CSS/Dropdown type menu item with a jquery backend to carry the selection into the form post. Another idea (that i think i've mentioned) is just using the swatches as is, but using CSS to display them in a scrollable div. This actually is a better approach when there are say more than seven or eight choices as long drop downs cause issues on mobile. (Actually, drop downs on mobiles are less than optimal in any length IMO, so the formatting of radio selections in scroll divs seem to be easier to manage.)

Another benefit of the later approach is you'd basically just need to swap out a CSS class or two.