using flags instead of a drop down for currency magic

[kayakbabe]

we've been using currency magic for many years now and it's a great plugin for our shop which sells internationally.
We are doing a major redesign and want to use flag icons to switch currency instead of the drop down which the module creates by default. I don't see a way to do this within the module itself.

Has anyone done this?

[Bruce - PhosphorMedia]

Re: using flags instead of a drop down for currency magic

Can't you just replace the DropDown control from the module with your own code for the images? Though there are other ways, we use radio buttons, and then stylize them with CSS to overlap the radio button with a background image--in your case, the flag. There is even a hack to show the selected image:

.showSelected:checked+  {
   border:2px solid #800000;
   -moz-border-radius: 5px;
   border-radius: 5px;
   }

showSelected is the class of the radio button.

This, however, does not work in IE 8...but then, little did.

[kayakbabe]

Re: using flags instead of a drop down for currency magic

Thankfully ie 8 is now less that 3% of my site visitors. :-)
Now you have me thinking... maybe even could use jquery to change the generated drop down to a horizontal format and insert images too. That way it will still be dynamically generated. but that's probably over kill. Now to play with deciphering the global var and all that fun. Thanks for point in the right direction.

[Bruce - PhosphorMedia]

Re: using flags instead of a drop down for currency magic

I've seen people use CSS to style drop downs as "buttons" (actually labels where jQuery is used to execute the selection) but seemed rather a stretch....though in your case (keeping the current generated HTML markup) it may be worth it.