Как внедрить код из 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');
?>
Должна появится кнопка "наверх".