News:

Support the VirtueMart project and become a member

Main Menu

lightbox not linking to next/previous

Started by snewpers, December 27, 2011, 22:11:23 PM

Previous topic - Next topic

snewpers

Not sure if this is the right forum, but in VM1, when you were on the product-detail page with multiple images, you could click one and the lightbox would open. Clicking left or right would show the previous or next image in that sequence without closing the lightbox.

any idea on how to get that working again? It only shows one at a time now.

Thanks!

dboror

I install Widgetkit (yootheme) and modify this in \productdetails\:

<?php // Product Main Image
if (!empty($this->product->images[0])) { ?>

<div class="main-image">
<?php echo $this->product->images[0]->displayMediaFull('class="product-image"',false,"class='modal'",true); ?>
</div>
<?php // Product Main Image END ?>

<?php // Showing The Additional Images
if(!empty($this->product->images) && count($this->product->images)>1) { ?>

<div class="additional-images">
<?php // List all Images
foreach ($this->product->images as $image) {
echo $image->displayMediaThumb('class="product-image"',true,'class="modal"',true,true); //'class="modal"'
?>

</div>
<?php // Showing The Additional Images END ?>


to this:
<?php // Product Main Image
if (!empty($this->product->images[0])) { ?>

<div class="main-image">
<?php echo $this->product->images[0]->displayMediaFull('class="product-image"',false,"class='modal'",true); ?>
</div>
<?php // Product Main Image END ?>

<?php // Showing The Additional Images
if(!empty($this->product->images) && count($this->product->images)>=1) { ?>

<div class="additional-images">
<?php // List all Images

            foreach (
$this->product->images as $image) {
                
echo $image->displayMediaThumb('class="product-image"',true,"data-lightbox=\"group:".$this->product->virtuemart_product_id.";transitionIn:fade;titlePosition:over;\"",true,true); //'class="modal"'
    
                
            } 
?>

</div>
<?php // Showing The Additional Images END ?>

552288

very nice, but Widgetkit is not for free, its posssible to realize this with other Plugins, Image-Sizer or so?

Greetings .....


552288

#4
thanks for reply, i try it............

will not work for me, Images are open in extern Window?

Joomla Plugins are enabled, hmm?

it´s possible you take a look?  http://creative-karat.de/index.php/shop/arbeitsschuhe/s3-schnuerstiefel-wedel-nuovo-mit-ueberkappe-detail

Greetings Ray


552288


lt635

Thanks dboror, that works well!

Regards
Lene

kaleske


BITRU

dboror THANK YOU!
would love to see more yootheme implementatios.

JdKock

dboror, can the lite version also be used for Joomla 1.7.3 ?
So can i download the Lite Joomla 2.5 Extension.

rupesh

Quote from: 552288 on January 15, 2012, 05:15:07 AM
Nice, its work, THX!  ;)

Can u please tell me how to use this plugin on product details page so that lightbox must show pre and next button!

BITRU

Quote<?php // Product Main Image
      if (!empty($this->product->images[0])) { ?>
         <div class="main-image">
         <?php
         echo $this->product->images[0]->displayMediaFull('class="product-image"',true,"data-lightbox=\"group:".$this->product->virtuemart_product_id.";transitionIn:fade;titlePosition:none;\"",true,true); ?>
         </div>
      <?php } // Product Main Image END ?>

      <?php // Showing The Additional Images
      if(!empty($this->product->images) && count($this->product->images)>=1) { ?>
         <div class="additional-images">
         <?php // List all Images

            foreach ($this->product->images as $image) {

            echo $image->displayMediaThumb('class="product-image"',true,"data-lightbox=\"group:".$this->product->virtuemart_product_id.";transitionIn:fade;titlePosition:none;\"",true,true); //'class="modal"'

            } ?>

I have main pictures showed twice in Lightbox if i click on main image. how can i fix it.

rzrz

Quote from: BITRU on April 08, 2012, 01:12:45 AM
Quote<?php // Product Main Image
      if (!empty($this->product->images[0])) { ?>
         <div class="main-image">
         <?php
         echo $this->product->images[0]->displayMediaFull('class="product-image"',true,"data-lightbox=\"group:".$this->product->virtuemart_product_id.";transitionIn:fade;titlePosition:none;\"",true,true); ?>
         </div>
      <?php } // Product Main Image END ?>

      <?php // Showing The Additional Images
      if(!empty($this->product->images) && count($this->product->images)>=1) { ?>
         <div class="additional-images">
         <?php // List all Images

            foreach ($this->product->images as $image) {

            echo $image->displayMediaThumb('class="product-image"',true,"data-lightbox=\"group:".$this->product->virtuemart_product_id.";transitionIn:fade;titlePosition:none;\"",true,true); //'class="modal"'

            } ?>

I have main pictures showed twice in Lightbox if i click on main image. how can i fix it.

Me too facing the same issue, i am wondering how to solve this??

megatronx64

dboror first post, worked for me!

modifying the file located at:
components / com_virtuemart / views / ProductDetails / tmpl / default_images.php

VM 2.0.10 + Joomla 2.5.6

Thank you! ;D