seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-04-2016, 03:17 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  1959 - 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,962
Konular: 473
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 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,962
Konular: 473
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 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,962
Konular: 473
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 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,962
Konular: 473
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 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,962
Konular: 473
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 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
Lightbulb Hoşgeldiniz mesajı yazısını pop-up çevirme modülü branda 2 843 11-28-2016 10:40 PM
Son Mesaj: bigfoot
  Opencart 1.5X İçin Site Resim Haritası Modülü ibrahim_130 0 226 10-06-2016 11:41 AM
Son Mesaj: ibrahim_130
  Ücretsiz Opencart SMS Modülü 1.5.x.x uyumlu hizlisms 3 246 10-02-2016 03:32 AM
Son Mesaj: hizlisms
  Kategori Ürün Sayısı Kaldırma (VQMod) kullanıcı2 12 4,380 08-22-2016 12:11 AM
Son Mesaj: ahmetozyilmaz
  [Mod] Tek sayfada Ödeme modülü Basit Kıroğlumarket 16 6,272 08-02-2016 05:27 PM
Son Mesaj: sarmasikajans
  ID ye göre ürün listeleme pialfa 3 937 07-30-2016 01:58 AM
Son Mesaj: martin_8525
  Müşteri grubuna kategoriye göre indirim modülü adsl 4 2,714 06-28-2016 09:58 AM
Son Mesaj: indiantr
  ürün fiyatları furkanyvz 2 275 05-24-2016 11:13 AM
Son Mesaj: furkanyvz
  Opencart 1.5.x tüm versiyonlar Kategori ürünleri tab modülü osdem66 26 9,656 05-19-2016 01:19 AM
Son Mesaj: ibrahim_130
  Ücretsiz Opencart SMS Modülü (edesms.com) Turkbim 0 273 04-22-2016 03:44 PM
Son Mesaj: Turkbim

Ü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: