Кнопка наверх.

[enthuziast]

Как внедрить код из wordpress в opencart?

<?php }

function sp_scroll_to_top(){

$speed = 800; // скорость скролинга страницы

$at = 350; // сколько промотать вниз чтобы кнопка появилась

$image = get_bloginfo('template_url').'/images/up.png'; // адрес картинки для скрола, если переменная пустая, то выведется дефолтовая надпись Наверх

$colorFont = '#999999'; // цвет шрифта надписи Наверх, необходима когда картинка не установлена

$hAlign = 'left'; // горизонтальное место расположения стрелки (left, right)

$vAlign = 'bottom'; // вертикальное выравнивание (bottom, top)

$color = '#373737'; // цвет фона при наведении

$width = '10'; // ширина активизирующейся зоны в процентах от ширины экрана

$margin = 5; // количество пикселей для отступа от края экрана до картинки (надписи)

echo '

<style type="text/css">

#topcontrol:hover {

background:'.$color.';

}

</style>

<script type="text/javascript">

var scrolltotop={

setting: {startline:'.$at.', scrollto: 0, scrollduration:'.$speed.', fadeduration:[500, 100]},

controlHTML: "'.($image?'<img src=\"'.$image.'\" style=\"position: absolute;'.$vAlign.': 0;'.

$hAlign.': 0;margin:'.$margin.'px;\" />':'<span style=\"position: absolute;'.$vAlign.

': 0;'.$hAlign.': 0;margin:'.$margin.'px;font-size: 16px;color: '.$colorFont.';\">^ Наверх</span>').'</b></div>",

anchorkeyword: "#top",

state: {isvisible:false, shouldvisible:false},

scrollup:function(){

if (!this.cssfixedsupport) {

this.control.css({opacity:0}) //hide control immediately after clicking it

}

var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)

if (typeof dest=="string" && jQuery("#"+dest).length==1)

dest=jQuery("#"+dest).offset().top

else

dest=0

this.body.animate({scrollTop: dest}, this.setting.scrollduration);

},

keepfixed:function(){

var window=jQuery(window)

var controlx=window.scrollLeft() + window.width() - this.control.width();

var controly=window.scrollTop() + window.height() - this.control.height();

this.control.css({left:controlx+"px", top:controly+"px"})

},

togglecontrol:function(){

var scrolltop=jQuery(window).scrollTop()

if (!this.cssfixedsupport)

this.keepfixed()

this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false

if (this.state.shouldvisible && !this.state.isvisible){

this.control.stop().animate({opacity:1}, this.setting.fadeduration[0]).css("visibility", "visible")

this.state.isvisible=true

}

else if (this.state.shouldvisible==false && this.state.isvisible){

this.control.stop().animate({opacity:0}, this.setting.fadeduration[1], function(){

$(this).css("visibility", "hidden")

})

this.state.isvisible=false

}

},

init:function(){

jQuery(document).ready(function($){

var mainobj=scrolltotop

var iebrws=document.all

mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest

mainobj.body=(window.opera)? (document.compatMode=="CSS1Compat"? $("html") : $("body")) : $("html,body")

mainobj.control=$("<div id=\"topcontrol\" style=\"height: 100%;width: '.$width.'%;\">"+mainobj.controlHTML+"</div>")

.css({position:mainobj.cssfixedsupport? "fixed" : "absolute", bottom:0, '.$hAlign.':0, opacity:0, cursor:"pointer"})

.attr({title:"Наверх"})

.click(function(){mainobj.scrollup(); return false})

.appendTo("body")

if (document.all && !window.XMLHttpRequest && mainobj.control.text()!="")

mainobj.control.css({width:mainobj.control.width()})

mainobj.togglecontrol()

$("a[href=\"" + mainobj.anchorkeyword +"\"]").click(function(){

mainobj.scrollup()

return false

})

$(window).bind("scroll resize", function(e){

mainobj.togglecontrol()

})

})

}

}

scrolltotop.init()

</script>

';

}

add_action('wp_head', 'sp_scroll_to_top');

?>

Должна появится кнопка "наверх".

[ravilr]

Вот Вы мне ответьте, чем опенкарт отличается от вордпресс... причем тут внедрение кода.

Кнопка наверх!

в common.js добавляем это

$(document).ready(function(){
  $("#up").click(function(){
    $("html, body").animate({ scrollTop: 0 }, 'slow');
  });
});

ну и где нибудь, например в footer.tpl добавляем ссылку, например <a id="up">upppp</a>

Вот и Все.

На вопросы а как разместить изображение и что бы оставалось на месте, не отвечаю!!! Учим CSS

[Fevralka]

Вот Вы мне ответьте, чем опенкарт отличается от вордпресс... причем тут внедрение кода.

Кнопка наверх!

в common.js добавляем это

$(document).ready(function(){
  $("#up").click(function(){
	$("html, body").animate({ scrollTop: 0 }, 'slow');
  });
});

ну и где нибудь, например в footer.tpl добавляем ссылку, например <a id="up">upppp</a>

Вот и Все.

На вопросы а как разместить изображение и что бы оставалось на месте, не отвечаю!!! Учим CSS

А что делать дальше, когда все сделано по вышеуказанному совету, но кнопка таки не действует, тобишь не поднимет наверх страницу?

http://klinmarket-24.ru/

[ravilr]

А что делать дальше, когда все сделано по вышеуказанному совету, но кнопка таки не действует, тобишь не поднимет наверх страницу?

http://klinmarket-24.ru/

1. На Вашем сайте не вижу ссылки наверх. Не вижу добавлений в common.js

Как предполагается проверять?

2. Не использовать версию 1.5.1.3 от =^_^=e