Yukarı Git - Sayfa Başına Dön Eklentisi

[öz_ak]

Sayfanızın Sağ Tarafında Beliren Oka Tıklamanız Halinde Sayfa Başına Dönmenizi SAğlayan Güzel Bir Eklenti Güle Güle Kullanın.

1: Zipden çıkartıp ana dizine atınız.

2:
dosyayı açınız. - catalog/view/theme/KULLANDIĞINIZ-TEMA/template/common/header.tpl

BUL:

<script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script>

SONRASINA EKLE:

<script type="text/javascript" src="catalog/view/javascript/jquery/scrolltopcontrol/scrolltopcontrol.js"></script>

uygun olduğu sürümler

1 İle - 99999 geçerlidir yani hepsine olur.

Sakın eee ben uyguladım olmadı demeyin aramız bozulur ona göre güle güle kullanın.

 

[djbadboys38]

RE: Sayfa Başına Dön Eklentisi

Ellerine sağlık

 

[admin]

RE: [JS] Sayfa Başına Dön Eklentisi

Payalışım için teşekkürler. Aslında bunun için js gerek yok ufak bir html kodu ile de yapılabilir.

Örneğin bu site kullandığım gibi

<div id="sidebar_menu"><a style="display: scroll;position:fixed;bottom:20px;right:5px;" href="#" title="Yukarı Çık"><img border="0" src="resim dosyasının yolu/yukari-cik.gif" title="Yukarı Çık" /></a></div>

 

[dogusfiko]

RE: [JS] Sayfa Başına Dön Eklentisi

süpersin teee en başaa gidiyooo ehe

 

[öz_ak]

RE: [JS] Sayfa Başına Dön Eklentisi

 

[selo1]

RE: [JS] Sayfa Başına Dön Eklentisi

teşekkürler işe yaradı

 

[MUSTANG.3]

RE: [JS] Sayfa Başına Dön Eklentisi

Teşekkür Ederim....

 

[DUSLER]

RE: [JS] Sayfa Başına Dön Eklentisi

eka7a
bu sitedeki turkbyragını koymuşsun bütün sayfalarda çıkıyor bunun yerine dil seçeneklerini uygulamak istiyorum bu senin yapmış olduğun turk bayragının kodunu verebilirmisin bende sırasıyla dil seçimi yapacam aynı şekilde şimdiden tşkr

 

[mirac]

RE: [JS] Sayfa Başına Dön Eklentisi

alttaki konuyu incelersen ekleyebilirsin..

http://www.bahanesibol.com/javascript-ile-sitenize-statik-logo-ekleyin-static-logo.html

kodları incelemedim ama alttaki mesajı inceleyerek resime link verebilirsen onuda yapmış olursun sanırım..

http://forum.opencart-tr.com/thread-625-post-6821.html#pid6821

 

[admira]

Yaptığım Sitelerim

Merhaba, www.tekumutdestek.com sitesindeki "bu site en iyi explorerle görünrülenir" remini nasıl yaptın kodları paylaşırsan sevinirim.

Buradaki kodu kullanabilirsin. Bağlantı adresini resim adresini ve konumunu kendine göre ayarlayabilirsin
http://forum.opencart-tr.com/thread-703-post-4062.html#pid4062

Eka7a kardeşim bu uygulamada tarayıcı tam sayfada modunda değilken veya yakın ölçekle siteye baktıklarında sağ ve soldaki bayan resimlerim modüllerin üzerine geliyor. Bu iki resmi sabitlemenin bir formülü varmıdır? Yakından baktıklarında blok üstüne gelmesindense bayan resimlerinin tam görünmememsi daha iyi? Ne Dersin varmı çözümü bu işin kardeşim...

 

[admin]

RE: [JS] Sayfa Başına Dön Eklentisi

Acele ile böyle bişey yaptım pek iyi olmasada çözünürlük azalında modüllerin altında kalıyor.
CSS dosyanda bul

.box {

Altına ekle

	z-index:10;
	position: relative;

Bunları da en alta ekle

.alt_panel { width:100%; background-attachment:fixed; position: absolute; z-index:1; }
.alt_panel .alt_sol { display: scroll; position: fixed; float:left; left:0px;  bottom:0px; }
.alt_panel .alt_sag { display: scroll; position: fixed; float:right; right:0px; bottom:0px; }

Temanın footer.tpl dosyasında Bul

<?php echo $google_analytics; ?>

Üzerine ekle

<div class="alt_panel">

<div class="alt_sol"><a href="http://www.supercoraplar.com/kosulsuz_iade" title="Kosulsuz iade Garantisi"><img border="0" src="http://www.supercoraplar.com/image/iade.gif" title="Kosulsuz iade garantisi" alt="" /></a></div>
<div class="alt_sag"><a href="http://www.supercoraplar.com/neden_supercoraplar" title="Neden SuperCoraplar"><img border="0" src="http://www.supercoraplar.com/image/kampanya.gif" title="Neden SuperCoraplar" alt="" /></a></div>

</div>

 

[admira]

RE: [JS] Sayfa Başına Dön Eklentisi

Merhaba Eka7a kardeşim. Dediklerini aynen yaptım ve dediğin gibi resimler modülün altında kaldı ve tarayıcı tam ekran olmadığındada blokların üstüne gelmediği için daha da hoş oldu. Resimlerin yerleri header ve foter de farklılıklar başgösterdi. Bende aşağıda belirttiğim header daki kodları aynen footer e kopyaladım ve bu küçük sorunda aşılmış oldu. Sağ alttaki sayfa başına döndeki ok resmi bayan resminin altında kaldığı için işlevini yitirdi. Tıklanmıyor. Küçük bir kod ile sanırım bunuda aşabiiriz. Sayfa Ellerine sağlık kardeşim. Tekrar Allah razı olsun...

<div><a style="display: scroll;position:fixed;bottom:-7px;margin-left: -145px;" href="http://www.supercoraplar.com/kosulsuz_iade" title="Kosulsuz iade Garantisi"><img border="0" src="http://www.supercoraplar.com/image/iade.gif" title="Kosulsuz iade garantisi" /></a></div>
<div><a style="display: scroll;position:fixed;bottom:-7px;right:5px;" href="http://www.supercoraplar.com/neden_supercoraplar" title="Neden SuperCoraplar"><img border="0" src="http://www.supercoraplar.com/image/kampanya.gif" title="Neden SuperCoraplar" /></a></div>

 

[mirac]

RE: [JS] Sayfa Başına Dön Eklentisi

sayfabaşına dön kodunu bul ve alttaki gibi değiştirmeyi dene..

Bul..

<div id="topcontrol" style="position: fixed; bottom: 5px; right: 5px; opacity: 0; cursor: pointer; " title="Sayfa Basina Dön"><img src="up.png" style="width:30px; height:48px"></div>

Değiştir..

<div id="topcontrol" style="position: fixed; bottom: 5px; z-index: 100; right: 5px; cursor: pointer; opacity: 0; " title="Sayfa Basina Dön"><img src="up.png" style="width:30px; height:48px"></div>

Şimdi kontrol ettim chromede aşağıda bi abla daha var soldaki kısa boylu çoğalmış.. Headerde aynı koddan var sanırım onları kaldırmayı dene bunun için..

 

[costantin]

RE: [JS] Sayfa Başına Dön Eklentisi

Payalışım için teşekkürler. Aslında bunun için js gerek yok ufak bir html kodu ile de yapılabilir.

Örneğin bu site kullandığım gibi

<div id="sidebar_menu"><a style="display: scroll;position:fixed;bottom:20px;right:5px;" href="#" title="Yukarı Çık"><img border="0" src="resim dosyasının yolu/yukari-cik.gif" title="Yukarı Çık" /></a></div>

Teşekkürler Eka...Allah Klavyene Zeval Vermesin

 

[hikko]

Sayfa Başına Dön Modülü - Scroll Top Control

arkadaşlar sayfa başına dön modülü çıkmış bende paylaşayım dedim gerekli install bilgileri içinde yinede yapamayan olursa ben yardımcı olurum
[attachment=665]

 

[mehmetayhan]

arkadaşım eklentiyi kurdum düzgün çalışıyor ancak chromede sayfa sonunu gösteriyor ilk açılışta onu nasıl düzeltebilirim

 

[hudini]

Arkadaşlar hikko'nun gönderdiği dosyanın içinden çıkan Installation Guide.pdf dosyasının içindeki bilgiler eski bir sürüme ait olduğu için eklenmesi gereken satırların yerleri tutmuyor.

Onları düzelttim.

DİKKAT : opencart 1.5.4'de denenmiştir.!



scrolltopcontrol.zip dosyasının içindeki :


\upload\catalog\view\javascript\jquery klasörünün içindeki

scrolltopcontrol klasörünü, içindeki 2 dosyayla birlikte ("scrolltop.png ve scrolltopcontrol.js" dosyaları)

sitenizin kurulu olduğu ana dizindeki :


/public_html/catalog/view/javascript/jquery klasörünün içine kopyalayın.
(Sadece dosyaları değil ama, klasör de olsun.! )


Daha sonra :


/public_html/catalog/view/theme/default/template/common/header.tpl 'de (ben default tema kullandığım için theme/default oluyor.Siz sizin kullandığınız temanın ismini yazacaksınız (seçeceksiniz)


<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>

satırını bulun , ( "jquery-1.7.1.min.js" de "1.7.1." sizde farklı sayılar olabilir. Önemli olan bu satırı bulmak.! )

Hemen altına :


<script type="text/javascript" src="catalog/view/javascript/jquery/scrolltopcontrol/scrolltopcontrol.js"></script>

satırını ekleyin ve kaydedin.

Bu kadar.
Kolay gelsin.

---

Arkadaşlar, bir önceki mesajıma ek olarak, sağ altta çıkan kırmızı sayfanın başına dön okunun üzerine fareyle geldiğinizde "Scroll Back to Top" yazıyor. Onu da türkçeleştirelim.

Öncelikle bilgisayarımızda notepad++ yüklü olsun. Ya da buradan yükleyin :

http://notepad-plus-plus.org/download/v6.3.html

Yükledikten sonra scrolltopcontrol.js dosyamızı editliyoruz.

59. satırda bulunan :

.attr({title:'Scroll Back to Top'})

satırındaki Scroll Back to Top yerine istediğimizi yazıyoruz. (Sayfanın Başına Dön gibi..) Dosyayı kaydetmeden önce Notepad++'da üstteki menüden Kodlama'yı seçip bunu ANSİ'den UTF-8 (Bomsuz) Kodlaması'nı seçip dosyamızı kaydediyoruz.

Kolay gelsin.

 

[alen34]

teşekkürler hocam

 

[şaban]

oncelikle tesekkür ederim paylaşım için..buton çaliştı yalnız maus uuzerindeki ismi yapamadım...notepad yazdım ancak bunu nasıl dizine atıcam bılgım yok ...bu konuda yardımcı olunursa sevınırım..


ceyizsandigim