Opencart “YUKARI ÇIK”Sayfaya Yukarı Kaydırma Butonu Eklemek…

Bu Yazımızda Opencart Sayfalarını Yukarı kaydırmak için VQMOD Kullanmadan nasıl kolaylıkla yapıldığını anlatacağız…

osnetweb yukaricik Opencart YUKARI ÇIKSayfaya Yukarı Kaydırma Butonu Eklemek...

İlk önce Opencart Extensions sayfalarındaki aşağıdaki Top Arrow eklentisini indirin…

osnetweb top arrow Opencart YUKARI ÇIKSayfaya Yukarı Kaydırma Butonu Eklemek...

İndirdiğniz eklentiyi zip dosyasından çıkarıp,catalog dosyası içindekileri, FTP programımızla hostumuzdaki /public_html/catalog içersine,Top Arrow\catalog\view\theme\default\template\common\header.tpl hariç olmak üzere atıyoruz…header.tpl dosyasını da aşağıdaki gibi düzenleyip öyle atıyoruz…

1 - /public_html/catalog/view/theme/default/template/common/heder.tpl dosyasını indiriyoruz veya elimizde yedeği varsa notepad ile açıyoruz.

2 - Eklentinin ,Top Arrow\catalog\view\theme\default\template\common\header.tpl dosyasınıda notepad ile açıyoruz…

3- Top Arrow\catalog\view\theme\default\template\common\header.tpl dosyasınki 20-25-101,105 nolu satırları

sitemizin header.tpl dosyasına  aşağıdaki gibi yapıştıyoruz ve yeni header.tpl dosyamızı hostumuzdaki    /public_html/catalog/view/theme/default/template/common/ dosyasının içine yolluyoruz….

NOT : Templatemizi Default theme kullanıyorsak default dosyasına,başka theme veya isim kullanıyorsak bu isme header.tpl dosyasını yollamamız gerekmektedir.

20 - <link rel=”stylesheet” type=”text/css” href=”catalog/view/theme/default/stylesheet/arrow.css” />

25 - <script type=”text/javascript” src=”catalog/view/javascript/jquery/arrow.js”></script>

101-105 -   <p id=”topon” style=”display: block”>
<a href=”#top”>
<span/>
</a>
</p>

örnek resimler :

osnetweb ocyc Opencart YUKARI ÇIKSayfaya Yukarı Kaydırma Butonu Eklemek...

osnetweb ocyc2 Opencart YUKARI ÇIKSayfaya Yukarı Kaydırma Butonu Eklemek...

Artık Uzun Opencart sayfalarınızı rahatlıkla yukarıya tek tıklamayla kaydırabilirsiniz.

İsterseniz  Top Arrow\catalog\view\theme\default\image içersindeki up-arrow.png resmini istediğiniz renk ve biçimde tasarlayarak değiştirebilirsiniz…

 

 

opencart,opencart modüller,opencart temalar,opencart extensions

Yazarın Diğer Yazıları :

Yazı Sayısı : 20

Yorumlarınızı Yazın...

Yorum Yazbilmeniz için kayıtlı kullanıcı olmanız gerekir.

© 2005 - 2012 OSNET.WEB.TR - Her Hakkı Saklıdır...| KOPYALANAMAZ...!

Yukarı Çık
osnet profesyonel web çözümleri