Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

osdem66 Tüm Mesajlarını Bul · Konu Tarihi: **12-30-2011 01:33 AM**

Merhaba sitenizdeki resimlerinize fare ile üzerine gidildiginde zoom efekti vermek..

Hnagi versiyon gibi sorular sormanıza gerek yok kod css kodudur ve bütün versiyonlarda hatta bütün sitelerde, temalarda,scriptler de vsvs de çalışır..
DEMO
Temanızın stylesheet.css dosyasını acını ve bu kodu bulun:

PHP Kod:

a img {
    border: none;
} 

Bununla degiştirin:

PHP Kod:

a img {
    border: none;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    -ms-transition: -ms-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}
a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
} 

cevahirabi Tüm Mesajlarını Bul · Konu Tarihi: **03-18-2012 10:34 AM**

Mouse ile üzerine gelince bu seklide açması için ne yapmalıyız?

http://g1203.hizliresim.com/v/l/3mnds.jpg

http://www.merterelektronik.com/ARZUM-AR...26540.html

osdem66 Tüm Mesajlarını Bul · Konu Tarihi: **03-18-2012 03:30 PM**

Merhaba; forumumuzda bulunan 1.5.1.3.1 sürümünde ürün gösterimi zaten bu göterdiginiz sekilde düzenlenmiştir.. ayrıca küçük resimlere de tıklayarak büyük resim yerinde acılması saglanmıştır bununla birlikte admin paneli teması da yeniden düzenlenmiştir hem görsel olrak standart opencart temasındna farklı bir görünüm elde edilmiştir..

Lütfen arkadaşlar öncelikle bizim forumumuzda bulunan sürümü kullanmaya özen gösterin hem bizi onurlandırmış hemde baskasının düzenledigi sürümdeki hatalar için bizi destek vermek zorunda bırakmazsınız.. bunları yanlış anlamayın konu sahibi arkadaşım sizin için söyledim ama yeri gelmişen genel olarak bunu söylemeyi uygun buluyorum bence etik olanda budur.. saygılarımla ..

cevahirabi Tüm Mesajlarını Bul · Konu Tarihi: **03-18-2012 04:20 PM**

yok ben zaten bu siteden indirdiğimi kullanıyorum ama boyle değildi hiç bir zaman basınca acılan java resim düsenleyici gibi ama bu verdiğim linkteki gibi değil!

osdem66 Tüm Mesajlarını Bul · Konu Tarihi: **03-18-2012 06:11 PM**

Merhaba; defaut tema bu şekilde farklı tema kullanıyorsanız temanızın product.tpl dosyası içinde resim bölümü default temada oldugu bigi düzenlenmeli...

cevahirabi Tüm Mesajlarını Bul · Konu Tarihi: **03-18-2012 10:49 PM**

turkish_gray_v2 kullanıyorum. düzenlemeye calışacagım tşk

cevahirabi Tüm Mesajlarını Bul · Konu Tarihi: **03-18-2012 11:58 PM**

Kod:

<?php if ($thumb) { ?>

      <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div>

      <?php } ?>

      <?php if ($images) { ?>

      <div class="image-additional">

        <?php foreach ($images as $image) { ?>

        <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>

        <?php } ?>

      </div>

      <?php } ?>

    </div>

    <?php } ?>

bunun yerine

Kod:

<?php if ($thumb) { ?>

     <div  class="zoom-section">

<div class="zoom-small-image"><a style="border:1px solid #ddd;padding:5px;margin-bottom:10px;" href="<?php echo $popup; ?>" class = "cloud-zoom" id="zoom1" rel="position: 'inside', showTitle: false, adjustX:-4, adjustY:-4"><img  src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>"></a></div></div>

<span style="font-size: 11px;"></span>   <?php } ?>

      <?php if ($images) { ?>

      <div class="image-additional">

        <?php foreach ($images as $image) { ?>

       <a href='<?php echo $image['popup']; ?>' class='cloud-zoom-gallery' title='<?php echo $heading_title; ?>'

            rel="useZoom: 'zoom1', smallImage: '<?php echo $image['popup2']; ?>' ">

        <img src="<?php echo $image['thumb']; ?>" alt = "<?php echo $heading_title; ?>"/></a>   <?php } ?>

      </div>

      <?php } ?>

    </div>

    <?php } ?>

bunu koyuyorum ama olmuyor. Bozulma oluyor sadece. Sadece kodsal bir şeymi extra bir dosya filan eklemelimiyim kendi temama?


Direk Link
HTML Link
BBCode Link
Sosyal Paylaş	Sabah net google facebook digg twiter yahoo mixx stumbleupon delicious reddit myspace friendfeed google buzz linkedin

Benzeyen Konular
Konu:		Yazar	Cevaplar:	Gösterim:	Son Mesaj
	cloud zoom eklentisi bozuk görünüyor	eno-7	2	13,266	05-01-2013 03:02 PM Son Mesaj: e-ticaretdersleri

	Şuanki Zaman: 12-19-2024, 03:08 PMHoşgeldin Misafir !
	Beni Hatırla Şifremi Hatırlat

« Önceki \| Sonraki »

Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

Sitenizde Resimlerinize CSS ile Zoom Efekti vermek