seoseo
tr-opencart

     
avatar Şuanki Zaman: 01-21-2017, 04:20 PMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

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

Konuyu görüntüleyenler: 1 Misafir
 
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
%
Cevapla  Gönder 
v  v
Yazar  barikat87 - Görüntüleme - Okunma  2037 - Yorum  11

barikat87v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 19
Konular: 8
Katılma Tarihi: Aug 2014
Rep Puanı: 0
Teşekkürler: 8
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
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
Alıntı Yaparak Cevapla
Paylaş!
opencart temaları
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,980
Konular: 477
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1113
974 Mesajına, 1995 Teşekkür edildi.



Kişisel Bilgileri: v
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.
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: barikat87
barikat87v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 19
Konular: 8
Katılma Tarihi: Aug 2014
Rep Puanı: 0
Teşekkürler: 8
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
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,
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,980
Konular: 477
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1113
974 Mesajına, 1995 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-02-2014 02:42 PM
kod hatası vermemesi gerekir hata satırının ne olduğunu yazarmısnız.
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: barikat87
barikat87v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 19
Konular: 8
Katılma Tarihi: Aug 2014
Rep Puanı: 0
Teşekkürler: 8
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
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
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,980
Konular: 477
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1113
974 Mesajına, 1995 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-02-2014 02:58 PM
tpl deki kodu değiştiriken dikkat edin bir tane <?php } ?> silmişsiniz ekleyiniz onu.
Alıntı Yaparak Cevapla
Paylaş!
opencart temaları
barikat87v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 19
Konular: 8
Katılma Tarihi: Aug 2014
Rep Puanı: 0
Teşekkürler: 8
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-02-2014 03:14 PM
resimdeki görüntü ortaya çıktı


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,980
Konular: 477
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1113
974 Mesajına, 1995 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-02-2014 03:48 PM
css çakışması yaptı sanırım linkinizi yazarmısnız
Alıntı Yaparak Cevapla
Paylaş!
barikat87v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 19
Konular: 8
Katılma Tarihi: Aug 2014
Rep Puanı: 0
Teşekkürler: 8
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
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
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,980
Konular: 477
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1113
974 Mesajına, 1995 Teşekkür edildi.



Kişisel Bilgileri: v
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.


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: barikat87

« Önceki | Sonraki »
Cevapla  Gönder 

Ürün detaylarını görmek için tıklayınız ? modülü Konusunun Linki Direk Link
Ürün detaylarını görmek için tıklayınız ? modülü Konusunun HTML Kodu HTML Link
Ürün detaylarını görmek için tıklayınız ? modülü Konusu BBCode Linki BBCode Link
Ürün detaylarını görmek için tıklayınız ? modülü Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Ana sayfa ve Ürün detayında Fiyat yanına Yazı yazmak kensopoy 0 57 01-11-2017 10:33 AM
Son Mesaj: kensopoy
  Kategorileri Anasayfada Gösterme Modülü Grafiker 8 5,517 12-27-2016 12:38 PM
Son Mesaj: exkalibur
Lightbulb Hoşgeldiniz mesajı yazısını pop-up çevirme modülü branda 2 987 11-28-2016 10:40 PM
Son Mesaj: bigfoot
  Opencart 1.5X İçin Site Resim Haritası Modülü ibrahim_130 0 300 10-06-2016 11:41 AM
Son Mesaj: ibrahim_130
  Ücretsiz Opencart SMS Modülü 1.5.x.x uyumlu hizlisms 3 363 10-02-2016 03:32 AM
Son Mesaj: hizlisms
  Kategori Ürün Sayısı Kaldırma (VQMod) kullanıcı2 12 4,521 08-22-2016 12:11 AM
Son Mesaj: ahmetozyilmaz
  [Mod] Tek sayfada Ödeme modülü Basit Kıroğlumarket 16 6,629 08-02-2016 05:27 PM
Son Mesaj: sarmasikajans
  ID ye göre ürün listeleme pialfa 3 984 07-30-2016 01:58 AM
Son Mesaj: martin_8525
  Müşteri grubuna kategoriye göre indirim modülü adsl 4 2,813 06-28-2016 09:58 AM
Son Mesaj: indiantr
  ürün fiyatları furkanyvz 2 315 05-24-2016 11:13 AM
Son Mesaj: furkanyvz

Ürün detaylarını görmek için tıklayınız ? modülü indir, Ürün detaylarını görmek için tıklayınız ? modülü Videosu, Ürün detaylarını görmek için tıklayınız ? modülü online izle, Ürün detaylarını görmek için tıklayınız ? modülü Bedava indir, Ürün detaylarını görmek için tıklayınız ? modülü Yükle, Ürün detaylarını görmek için tıklayınız ? modülü Hakkında, Ürün detaylarını görmek için tıklayınız ? modülü nedir, Ürün detaylarını görmek için tıklayınız ? modülü Free indir, Ürün detaylarını görmek için tıklayınız ? modülü oyunu, Ürün detaylarını görmek için tıklayınız ? modülü download


Forum Atla: