Sitenizdeki ürün resimlerine tıklandığında ekte bulunan dosyadaki gibi bir görüntü almak isterseniz...

Zipli dosyayı açtıktan sonra aynen catolog içine kopyalayın.


1. product_info.php

1a. Alttaki satırları Bulun

<link rel="stylesheet" type="text/css" href="stylesheet.css">

Alttakilerle Değiştirin:

<link rel="stylesheet" type="text/css" href="stylesheet.css">
<!--// LavoriamoPerVoi Pop-Up image http://www.lavoriamopervoi.com -->
<script type="text/javascript" src="includes/java/prototype.js"></script>
<script type="text/javascript" src="includes/java/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="includes/java/lightbox.js"></script>
<!--// EOF: LavoriamoPerVoi Pop-Up image http://www.lavoriamopervoi.com -->




1. Alttaki satırları Bulun

<script language="javascript"><!--
document.write('<?php echo '<a href="jpopupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>');
//--></script>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>




Alttakilerle Değiştirin:

<?php // örnek -- LavoriamoPerVoi Pop-Up image http://www.lavoriamopervoi.com
echo '<a rel="lightbox[roadtrip]" href="'. DIR_WS_IMAGES . $product_info['products_image'] .'">';
echo tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>';
// LavoriamoPerVoi Pop-Up image http://www.lavoriamopervoi.com
?>









2. "stylesheet.css" dosyasında

aşagıdakileri ekleyin...


#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

İşte ünlü lightbox. Bilgini ve emeğini paylaştığın için teşekkürler caponmania.

Çoklü ürün resimlerinde Resime açılan sayfada "İleri" seçeneğini nasıl yapabiliriz? Ürünün birçok resimi var ama İlk resim sadece bu şekil açılıyor diğer resimler clasik biçimde açılıyor.

BetMo Yazılan:Çoklü ürün resimlerinde Resime açılan sayfada "İleri" seçeneğini nasıl yapabiliriz? Ürünün birçok resimi var ama İlk resim sadece bu şekil açılıyor diğer resimler clasik biçimde açılıyor.

Bunuda yapılacaklar listesine alıyorum Türkçeolarak install dosyası hazırlanacak ayrıca ürüne birden fazla resim ekleme özelliği eklenecek

Teşekkürler...
En kısa zamanda sonucu Bekliyorum.

Teşekkürler Şimdi kurdum.Sorunsuz problemsiz.