Графическое оформление характеристик

[merlin666]

Всем доброго дня, для магазина продающего ингредиенты для пивоварения хочется в характеристиках указывать графически параметры получаемого пива, например как тут:

 http://www.brewdemon.com/refills/complete-refills/craft-series-plus-refills/ye-olde-devil-nut-brown-ale-plus-recipe.html

 

справа - Flavour  Profile и три визуальных движка.

 

Вроде бы этот магазин сделан на OCStore но модуль я так и не смог найти.  Может быть кто то подскажет?

 

[AlexDW]

Может что и есть готовое, на opencart.com искать

 

С технической стороны не так сложно сделать - заводите на все товары характеристики и в карточке просто представляете их графически в определенном месте.

Можно даже не через характеристики, а через неиспользуемые поля ISBN, JAN, MPN, EAN и тп

[afwollis]

рисуешь графику (шкалу и метку), заполняешь атрибуты, для нужных - строишь шкалу с меткой.

алгоритм простейший (и виден в исходниках)

<script language="javascript1.1">
var width = $('#flavor-slider1').width();
var max = 10.00;
var units = width / max;
$('#flavor-slider1 span').css('left', ( 4.6 *  units ) + 'px');
</script>