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

öz_ak

OpenCart-TR
Katılım
21 Ocak 2010
Mesajlar
210
Tepkime puanı
0
Puanları
0
Yaş
42
Web sitesi
www.bitkiselsağlık.com
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:
Kod:
<script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script>

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

uygun olduğu sürümler

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

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

Ekli dosyalar

  • yukarıok.zip
    7.1 KB · Görüntüleme: 322

djbadboys38

OpenCart-TR
Katılım
9 Nis 2010
Mesajlar
32
Tepkime puanı
0
Puanları
0
RE: Sayfa Başına Dön Eklentisi

Ellerine sağlık :)
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,208
Tepkime puanı
1
Puanları
38
Yaş
36
Konum
Bursa
Web sitesi
www.opencart-tr.com
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 :)

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

OpenCart-TR
Katılım
21 Nis 2010
Mesajlar
3
Tepkime puanı
0
Puanları
0
RE: [JS] Sayfa Başına Dön Eklentisi

süpersin teee en başaa gidiyooo ehe:)
 

selo1

OpenCart-TR
Katılım
23 May 2010
Mesajlar
13
Tepkime puanı
0
Puanları
0
RE: [JS] Sayfa Başına Dön Eklentisi

teşekkürler işe yaradı
 

MUSTANG.3

OpenCart-TR
Katılım
24 Eki 2009
Mesajlar
37
Tepkime puanı
0
Puanları
0
RE: [JS] Sayfa Başına Dön Eklentisi

Teşekkür Ederim....
 

DUSLER

OpenCart-TR
Katılım
2 Haz 2010
Mesajlar
16
Tepkime puanı
0
Puanları
0
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

OpenCart-TR
Katılım
7 Şub 2010
Mesajlar
1,383
Tepkime puanı
0
Puanları
0
Yaş
40
Konum
Beykoz____
Web sitesi
www.notebook-cantasi.com
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

OpenCart-TR
Katılım
20 Ocak 2010
Mesajlar
248
Tepkime puanı
0
Puanları
0
Web sitesi
www.TrendCorap.com
Yaptığım Sitelerim

eka7a' Alıntı:
admira' Alıntı:
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

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,208
Tepkime puanı
1
Puanları
38
Yaş
36
Konum
Bursa
Web sitesi
www.opencart-tr.com
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
Kod:
.box {

Altına ekle
Kod:
	z-index:10;
	position: relative;

Bunları da en alta ekle
Kod:
.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
Kod:
<?php echo $google_analytics; ?>

Üzerine ekle
Kod:
<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

OpenCart-TR
Katılım
20 Ocak 2010
Mesajlar
248
Tepkime puanı
0
Puanları
0
Web sitesi
www.TrendCorap.com
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

OpenCart-TR
Katılım
7 Şub 2010
Mesajlar
1,383
Tepkime puanı
0
Puanları
0
Yaş
40
Konum
Beykoz____
Web sitesi
www.notebook-cantasi.com
RE: [JS] Sayfa Başına Dön Eklentisi

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

Bul..
Kod:
<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..
Kod:
<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

OpenCart-TR
Katılım
25 Kas 2010
Mesajlar
27
Tepkime puanı
0
Puanları
0
RE: [JS] Sayfa Başına Dön Eklentisi

eka7a' Alıntı:
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 :)

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

OpenCart-TR
Katılım
15 Kas 2010
Mesajlar
292
Tepkime puanı
0
Puanları
0
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]
 

Ekli dosyalar

  • scrolltopcontrol.zip
    76.7 KB · Görüntüleme: 43

mehmetayhan

OpenCart-TR
Katılım
11 Şub 2013
Mesajlar
7
Tepkime puanı
0
Puanları
0
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

OpenCart-TR
Katılım
11 Şub 2013
Mesajlar
2
Tepkime puanı
0
Puanları
0
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. :)
 

şaban

OpenCart-TR
Katılım
18 Tem 2014
Mesajlar
1
Tepkime puanı
0
Puanları
0
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
 
Üst