Lista dostępnych rozmiarów działająca jak wybór kolorów, a nie typowy radiobutton

[zeno33]

Potrzebuję zamienić listę rozmiarów na coś w podobie do listy kolorów.

Chodzi o np. kwadraciki z rozmiarem, które nie wyglądają jak radio button'y.

Dla zobrazowania: http://www.maptiteculotte.com/fr/lingerie-femme/50-tanga-femme-ingenue.html#/taille_bas-42_44

 

Jest jakaś wtyczka, albo sposób na wyedytowanie tej listy rozmiarów?

Chodzi o to, by kod html wyglądał mniej więcej tak, jak tutaj : http://jsfiddle.net/qQh4C/40/

 

Próbowałem walczyć z plikiem products.tpl, ale gdzieś jest dopisywany dodatkowy kod do tego, co tam widnieje.

<li>
   <input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />
   <span>{$group_attribute|escape:'html':'UTF-8'}</span>
</li>

A w efekcie na stronie otrzymujemy dodatkowe div i span otaczający cały input.

 

[Yabber]

Ukrycie tej dziury od inputa radio nie jest żadnym problemem poprzez css.

Problemem jest to, że funkcje product.js pobierają kliknięcia z tej dziury, a to się wiąże ze zmianami cen dla atrybutów i sprawdzaniem dostępności produktu.

Najpierw trzeba by przerobić product.js, żeby działał na kliknięcia w etykietkę inputa, a nie sam input.