Açılır menüye ok işareti

AssassinsCreed

OpenCart-TR
Katılım
6 Ağu 2012
Mesajlar
28
Tepkime puanı
0
Puanları
0
Açılan menüye ok işareti koymak istiyorsanız resimleri inceleyin. Resimleri hemen tıklar tıklamaz görmek için firefox veya google chrome tarayıcısını kullanın.

İşlem yapılacak sayfalar
catalog/view/theme/tema adı /template/header.tpl
catalog/view/theme/tema adı/template/stylesheet.css


Eğer temanız defaultsa veya menü efekti yoksa ve menünüze efekt vermek istiyorsanız
stylesheet.css dosyasındaki

#menu > ul > li:hover > div {
display: table;
} kısmını silin ardından catalog/view/javascript/common.js dosyasınız 2. satırında diğer kodlara ellemeden boş bir yer açıp şu kodları yazın
$(#menu li).hover(function(){
$(this).find("div").slideDown(200);
},funciton(){
$(this).find("div").slideUp(300);

});
slideDown(200) menü li nin üzerine geldiğinde vereceği tepki aşağı doğru 200 milisaniye hızında açıl demektir
slideUp(300) divin üzerinden gittiğinde yukarıya doğru 300 milisaniye hızında kapan demektir. parantezlerin içindeki değerleri yükselterek veya kısaltarak açılış hızını ayarlayabilirsiniz
 

Ekli dosyalar

  • css.JPG
    css.JPG
    14.7 KB · Görüntüleme: 55
  • ok.JPG
    ok.JPG
    39.9 KB · Görüntüleme: 62
  • header.JPG
    header.JPG
    75.2 KB · Görüntüleme: 31

yusuf_07

OpenCart-TR
Katılım
1 Tem 2012
Mesajlar
11
Tepkime puanı
0
Puanları
0
RE: Yeni yapımım

Güzel Olmuş Kardeşim Eline Emeğine Sağlık.
 

lermis

OpenCart-TR
Katılım
3 Ara 2009
Mesajlar
36
Tepkime puanı
0
Puanları
0
RE: Yeni yapımım

kayan yeni ürünler hoş olmuş böyle bişeyde ben yapmak istiyorum ama forumda bulamadım.
 

osman

OpenCart-TR
Katılım
26 Eyl 2011
Mesajlar
88
Tepkime puanı
0
Puanları
6
RE: Yeni yapımım

aynen benimde ihtiyacım var paylaşman mümkünmü
 

AssassinsCreed

OpenCart-TR
Katılım
6 Ağu 2012
Mesajlar
28
Tepkime puanı
0
Puanları
0
RE: Yeni yapımım

Heaer tpl dosyalarına

<head></head> tagları arasına

<link rel="stylesheet" type="text/css" href="catalog/view/theme/temanız/stylesheet/product_slider.css"/> ekleyin

ve

<script type="text/javascript" href="catalog/view/theme/temanız/product_slider.js"/> yi de ekleyin.

featured.tpl yi olduğu gibi silip yerine readme.txt nin içini kopyalayın

eğer özel ürünlerde değilde yeni ürünler veya kampanyalı ürünlerde yapmak istiyorsanız veya hepsinde birden yapmak istiyosanızda olur.
O zaman latest.tpl, special tpl yede aynı işlemleri uygulayın. Bunları localhosta yapın emin olun sonra hosta gönderin
 

Ekli dosyalar

  • product-slider.rar
    2.7 KB · Görüntüleme: 11
  • urunslider.JPG
    urunslider.JPG
    50.7 KB · Görüntüleme: 38
Üst