Jump to content
ilario

popover attribute

Recommended Posts

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

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More