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

0 124

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

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

Top Arrow Eklentisini İndirmek için Sayfasına Gidiniz…

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

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…

 

 

[divide style=”3″]

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

Cevap bırakın