close button in recommend to a friend not working

If you try to send a Virtuamart product recommendation to a friend, in the confirmation popup box Close button doesn't work. It seems the problem is related to JQuery. Also the popup box for email recommendation has completely different styling (Virtumart default) than the other popup boxes in Bikestore.

The styling may depends of your VirtueMart settings because you can use facebox or not. Please test this issue on default template (like Beez) to test whether it is template or just VirtueMart issue.

Actually this is template related issue, because the funcionality of Ask a Question and Recommend to a Frend is very simmilar, but for Ask a Question you have special code in default.php Product Display between lines 29-66. There is not such code for Recommend to a Friend. As a result, the Ask a Qustion is opened in a facebox that is styled by your template and the close button works fine there, but Recommend to a Friend is handled by Virtuemart and the close button is not working there. This is not related to the browser - it happens in any browser.

Did you check this on Beez? There all is working fine? If yes could you make a screenshot of this pop-up on Beez?

This has nothing to do with Beez. Attached are the twp popup boxes that ar egenerated when Bilestoe is default template. Note the diffrenceses bteween the tw boxes. The reason is that in Bikestore default.php Product Details there is the follwoing code:

// addon for joomla modal Box
JHTML::_('behavior.modal');
// JHTML::_('behavior.tooltip');
if(VmConfig::get('usefancy',0)){
vmJsApi::js( 'fancybox/jquery.fancybox-1.3.4.pack');
vmJsApi::css('jquery.fancybox-1.3.4');
$box = "$.fancybox({
href: '" . $this->askquestion_url . "',
type: 'iframe',
height: '550'
});";
} else {
vmJsApi::js( 'facebox' );
vmJsApi::css( 'facebox' );
$box = "$.facebox({
iframe: '" . $this->askquestion_url . "',
rev: 'iframe|550|550'
});";
}
$document = JFactory::getDocument();
$document->addScriptDeclaration("
//<![CDATA[
jQuery(document).ready(function($) {
$('a.ask-a-question').click( function(){
".$box."
return false ;
});
/* $('.additional-images a').mouseover(function() {
var himg = this.href ;
var extension=himg.substring(himg.lastIndexOf('.')+1);
if (extension =='png' || extension =='jpg' || extension =='gif') {
$('.main-image img').attr('src',himg );
}
console.log(extension)
});*/
});
//]]>
");
/* Let's see if we found the product */
vmJsApi::js( 'fancybox/jquery.fancybox-1.3.4.pack');
vmJsApi::css('jquery.fancybox-1.3.4');
$document = JFactory::getDocument ();
$imageJS = '
jQuery(document).ready(function() {
jQuery("a[rel=vm-additional-images]").fancybox({
"titlePosition" : "inside",
"transitionIn" : "elastic",
"transitionOut" : "elastic"
});
jQuery(".additional-images .product-image").click(function() {
jQuery(".main-image img").attr("src",this.src );
jQuery(".main-image img").attr("alt",this.alt );
jQuery(".main-image a").attr("href",this.src );
jQuery(".main-image a").attr("title",this.alt );
});
});
';
$document->addScriptDeclaration ($imageJS);

In the Virtuemart this code is missing. As a result in Bikestore Ask a Question works but in Bees not. In Bikestore Recommend doesn't work and in Beez also doesn't work. There are some clash between JQuery and Mootools. Obviously your code in deafault.php resolves the problem, but there is not the same coode for Recommend.

Ok but could you answer me just for this one question? Is it working fine on Beez and the pop-up looks exactly the same like in our template? Of course it don't have anything related with Beez but when you activate beez template our override views are disabled and due to fact that most problems comes from VirtueMart I need to be sure that this is template problem.

If I activate Beez any of the existing menus are not accessible, so I can't test it with Beez. I guess that this will not work with Beez, too. But the question is that Gavick has adapted Ask A Question in order to work with Bikestore, but there is not such adaptation for Recommend. If you go to your own demo of Bikestote you will notoce that there is not activated Recommend email icon, but Ask a Qustion is active. This is OK, if you just tell me that your template is not made to use Recommend funcion, and I will look for a help elswhere.

Please open product details view and on some other tabs the admin area of your website. Then switch the template and you don't need to have menu to just refresh your current tab to see the same view but with Beez. We don't adopt anything on purpose this are default VM pop-up's and if just the recommend box use different script in VirtueMart in our template it works exactly the same.