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

barikat87 Tüm Mesajlarını Bul · Konu Tarihi: **09-02-2014 09:33 AM**

arkadaşlar ürün üzerine geldiğinde ürün üzerine tıklayız modüşü nasıl yapabilirim şu örnek sitedeki gibi

http://www.melclup.com/elbise/gunlukelbi...uzunelbise

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **09-02-2014 12:12 PM**

css hover yöntemi ile yapılabilir. forumda mevcut ama eski bir konu olduğundan linki aklımda yok . Arama yapınız ya css yada hover olarak yapınız.

bir örnek göstereyim:

Dosyamızı Açalım : catalog/view/theme/default/stylesheet

stylesheets.css

en alta ekle :

Kod:

/* Advanced CSS hover styles */

ul { overflow: hidden; padding: 5px; }

ul > li {

    position: relative;

    float: left;

    list-style: none;

    margin: 0 20px 20px 0;

    font-size: 10px;

}

ul a                             { text-decoration: none; display: block; }

ul li img                         { display: block; position: relative; z-index: -1; } /* IE8 fix, background colour appears behind img for uknown reason set negative z-index */

ul li:not([class=na]) img         { position: static; } /* Reset relative position, as this plays havoc with good browsers */

ul a:hover, ul a:focus            { display: block; outline: none; -moz-box-shadow: 3px 3px 5px #000; -webkit-box-shadow: 3px 3px 5px #000; box-shadow: 3px 3px 5px #000; }

ul a:hover img, ul a:focus img    { outline: 3px solid #ccc; }

ul a:hover:after,

ul a:focus:after

{

    content: attr(title);

    color: #000;

    position: absolute;

    bottom: 0;

    height: 30px;

    line-height: 30px;

    text-align: center;

    font-weight: bold;

    width: 100%;

    background: rgb(255,255,255);

    background: rgba(255,255,255,0.7);

    background: -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(204,204,204,0.7)); /* Firefox 3.6+ */

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.7)), to(rgba(204,204,204,0.7))); /* Safari */

    display: block;

    text-shadow: 1px 1px 1px #fff;

}

ul a.reverse:hover:after,

ul a.reverse:focus:after { top: 0; right: 0; }

ul a.offset:hover:after,

ul a.offset:focus:after { top: 50%; margin-top: -15px; }

ul a.alternate01:hover:after,

ul a.alternate01:focus:after

{ 

    top: 0;

    width: 50%; 

    height: 100%; 

    line-height: normal; 

    text-align: left; 

    padding: 4px; 

    font-size: 12px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

/* Change colours */

ul.highlight01 a:hover img, ul.highlight01 a:focus img { outline-color: #1E528C; }

ul.highlight01 a:hover:after,

ul.highlight01 a:focus:after

{

    background: rgb(30,82,140); 

    background: rgba(30, 82, 140, 0.7);

    background: -moz-linear-gradient(top, rgba(30, 82, 140, 0.7), rgba(43, 117, 200, 0.7)); /* Firefox 3.6+ */

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 82, 140, 0.7)), to(rgba(43, 117, 200, 0.7))); /* Safari */

    color: #fff;

    text-shadow: 1px 1px 1px #000;

}

Dosyamızı Açalım : catalog/view/theme/senintema/template/module

latest.tpl

bul :

Kod:

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

Değiştir:

Kod:

<ul>

        <li>

        <div class="image"><a href="<?php echo $product['href']; ?>" title="Detaylara Bakiniz"   class="offset"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

</li>

    </ul>

Not: Anlatım default temaya göre yapımıştır. farklı temalarda Css çakışması olablir. kodlamalar farklı oldğundan belirtilen betikler farklı olabilir.

barikat87 Tüm Mesajlarını Bul · Konu Tarihi: **09-02-2014 02:19 PM**

yanıt verdiğiniz için çok tşk ederim.
kulandığım temada ve default temasındada denedim aynı kod hatası verdi latest.tpl 56. satırda kaynaklanan kod hatası verdi,

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **09-02-2014 02:42 PM**

kod hatası vermemesi gerekir hata satırının ne olduğunu yazarmısnız.

barikat87 Tüm Mesajlarını Bul · Konu Tarihi: **09-02-2014 02:50 PM**

Parse error: syntax error, unexpected $end in /var/www/vhosts/incimetal.com/httpdocs/inci/catalog/view/theme/default/template/module/latest.tpl on line 32

default temasında ve kulandığım temada aynı hatayı verdi

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **09-02-2014 02:58 PM**

tpl deki kodu değiştiriken dikkat edin bir tane <?php } ?> silmişsiniz ekleyiniz onu.

barikat87 Tüm Mesajlarını Bul · Konu Tarihi: **09-02-2014 03:14 PM**

resimdeki görüntü ortaya çıktı

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **09-02-2014 03:48 PM**

css çakışması yaptı sanırım linkinizi yazarmısnız

barikat87 Tüm Mesajlarını Bul · Konu Tarihi: **09-02-2014 04:01 PM**

(09-02-2014 03:48 PM)Kıroğlumarket Yazılan: css çakışması yaptı sanırım linkinizi yazarmısnız

http://www.incimetal.com/inci

Anasayfada bulunan orta kısımdaki ürünlerimiz kısmı sizin için seçtiklerimiz modülü dür...

burdaki sayfa

yardımcı olduğunuz için tşk ederim

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **09-02-2014 04:10 PM**

yan menudeki ul ile başlayan css tanımlarında benzerlikler olduğundan orası aşağı doğru bastı css te düzeltilebilir. görünümümünz aşağıdaki gibidir. firebug ile live olarak test edilmiştir.


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
	Ürün resimleri pop up açılmasın	jackall46	0	1,065	10-23-2022 10:09 PM Son Mesaj: jackall46
	Müşteri Ürün Yorumları Slide Modülü 1 .5. x	osdem66	5	4,399	05-15-2021 12:25 AM Son Mesaj: osman
	Son Bakılan Ürünler Modülü	Muzir	15	11,678	10-23-2019 01:04 AM Son Mesaj: emir28
	Ücretsiz detayda resim zoom modülü ?	openyeni7	11	7,721	08-31-2019 01:09 PM Son Mesaj: by_falcon
	ürün resimi yerine video eklemek	TARBOD	0	1,396	05-24-2019 09:41 AM Son Mesaj: TARBOD
	Opencart 1.5. x Ödeme Bildirim Modülü	osdem66	6	4,856	04-14-2019 03:17 PM Son Mesaj: Blogizma
	Kategori ürünleri tab modülü ürün görüntüleri	osman	1	1,370	03-29-2019 03:37 PM Son Mesaj: osman
	Ürün secenek kısmındaki ağırlık ve puan kısmı na metin yazma	muglali20	7	1,925	01-22-2019 05:42 PM Son Mesaj: ibrahim_130
	opencart 3.x için iyzico ödeme metodu yükleme konusunda yardım istiyorum	modasude	1	2,143	12-11-2018 04:15 PM Son Mesaj: modasude
	[Mod] Facebook yorumları modülü	osdem66	3	5,012	11-29-2018 12:16 AM Son Mesaj: ferdem

	Şuanki Zaman: 12-19-2024, 10:50 AMHoşgeldin Misafir !
	Beni Hatırla Şifremi Hatırlat

« Önceki \| Sonraki »
Sayfa (2): 1 2 Sonraki »

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

Ürün detaylarını görmek için tıklayınız ? modülü