seo
tr-opencart

     
avatar Şuanki Zaman: 08-24-2017, 08:06 AMHoş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  2340 - Yorum  11

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

Mesajlar: 20
Konular: 9
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: 3,062
Konular: 487
Katılma Tarihi: Jan 2012
Rep Puanı: 94
Teşekkürler: 1130
999 Mesajına, 2031 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: 20
Konular: 9
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: 3,062
Konular: 487
Katılma Tarihi: Jan 2012
Rep Puanı: 94
Teşekkürler: 1130
999 Mesajına, 2031 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: 20
Konular: 9
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: 3,062
Konular: 487
Katılma Tarihi: Jan 2012
Rep Puanı: 94
Teşekkürler: 1130
999 Mesajına, 2031 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: 20
Konular: 9
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: 3,062
Konular: 487
Katılma Tarihi: Jan 2012
Rep Puanı: 94
Teşekkürler: 1130
999 Mesajına, 2031 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: 20
Konular: 9
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: 3,062
Konular: 487
Katılma Tarihi: Jan 2012
Rep Puanı: 94
Teşekkürler: 1130
999 Mesajına, 2031 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
  Kullanıcı ürün ekleme izini yolcu55 1 730 08-16-2017 03:34 PM
Son Mesaj: ch3lox
  [Mod] Opencart 1.5.x SMS Modülü - www.esemes.net esemesnet 0 110 07-25-2017 10:40 PM
Son Mesaj: esemesnet
Rainbow [Mod] opencart 1.5.6.4 sürümünde journal temaya uygun renk değiştirme modülü agent87 0 112 06-24-2017 04:34 AM
Son Mesaj: agent87
  [Mod] Sorunsuz Sanalpos modülü barikat87 0 185 04-08-2017 03:12 PM
Son Mesaj: barikat87
  Opencart 1.5.1.x Ürün detay video ekleme tab modülü (VQMOD) osdem66 15 8,785 03-06-2017 06:18 AM
Son Mesaj: akdj06
  Form Sayfaları ve Ödeme Sayfaları İçin İşleniyor Gif Ekleme ibrahim_130 4 267 02-21-2017 12:35 PM
Son Mesaj: ibrahim_130
  Ana sayfa ve Ürün detayında Fiyat yanına Yazı yazmak kensopoy 0 288 01-11-2017 10:33 AM
Son Mesaj: kensopoy
  Kategorileri Anasayfada Gösterme Modülü Grafiker 8 6,111 12-27-2016 12:38 PM
Son Mesaj: exkalibur
Lightbulb Hoşgeldiniz mesajı yazısını pop-up çevirme modülü branda 2 1,379 11-28-2016 10:40 PM
Son Mesaj: bigfoot
  Opencart 1.5X İçin Site Resim Haritası Modülü ibrahim_130 0 515 10-06-2016 11:41 AM
Son Mesaj: ibrahim_130

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