Intégration de Slimbox avec Virtuemart 2, Joomla 2.5

Question

J'essaie de remplacer la lightbox 'modale' par défaut par 'slimbox', car 'modal' ne possède pas les flèches de navigation.

Demo of slimbox with navigations

Demo of modal without navigations

J'utilise ces chemins pour modifier l'appel de slimbox

[templateName] /html/com_virtuemart/productdetails/default.php composants/com_virtuemart/Productdetails/default .php

Joomla v2.5 Virtuemart 2.0.6 Slimbox2

Ce qui suit est ma tentative:

 //Enable Slimbox2 plugin 
     $front = JURI::root(true).'/components/com_virtuemart/assets/'; 
     $document = JFactory::getDocument(); 
     $document->addStyleSheet($front.'js/slimbox/slimbox.css'); 
     $document->addScript($front.'js/slimbox/slimbox2.js');  
     $js = 'jQuery(document).ready(function($) { $("a.lightbox").slimbox(); });'; 
     $document->addScriptDeclaration($js); 
     //output thumbnail 
     echo $this->product->images[0]->displayMediaThumb('class="product-image"',true,'class="lightbox" rel="lightbox"'.$this->product->virtuemart_product_id.'"',true,true); 
     //unset first image not to be show amont additional ones 
     unset ($this->product->images[0]); 
     ?> 

Mais son travail, je me demandais toujours pas ce qui ne va pas?

[Référence] [3]

Answer 1

vous ne demandez pas la classe slimbox à la référence de l'image, vous postulez au conteneur de l'image non? Vous devez traiter l'URL du fichier image directement à mon avis.

// get the file_url of the first image 
$imgPath = $this->product->images[0]->file_url; 

// output the image 
<a class="slimbox" href="<?php echo $imgPath; ?>"> 
<img src="<?php echo $imgPath; ?>" alt="" /> 
</a>