popover attribute

[ilario]

Hello I put a popover on product attributes

 

i file custom.js

 /* funzione poperover per attributi**/
$('input[rel=popover]').popover({
  html: true,
  trigger: 'hover',
  placement: 'bottom',
  content: function(){return '<img src="'+$(this).data('img') + '" />';}
});

e in file product-variants.tpl

 

  

change <input class="input-color"

<input rel="popover" data-title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" data-img="{$group_attribute.texture}" class="input-color" type="radio"  data-product-attribute="{$id_attribute_group}" name="group[{$id_attribute_group}]" value="{$id_attribute}" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}"  {if $group_attribute.selected} checked="checked"{/if}>

but I have two small problems

 

 

1 hover finishes only at the top of the attribute

 

2 If you click on the attribute the popover crashes and no longer appears on the other

 

 

​the page is http://www.partecipazioniebomboniereonline.it/home/8-8-prova1.html

 

​thanks

Ilario