Ребята, помогите пожалуйста подключить вот ЭТОТ слайдер к ocstore. Никогда не подключал jQuery. Там написана инструкция, но у меня ничего не вышло. Очень прошу помочь. Спасибо.
тебе надо модуль писать, или так можно, он будет выводится только на главной к пример, для этого в нужное место шаблона запишиваешь PHP: if ( isset($this->request->get['route']) && $this->request->get['route']!='common/home' ) { ?><ul class="bxslider"><li><img src="catalog/view/image/slider/pic1.jpg" /></li><li><img src="catalog/view/image/slider/pic2.jpg" /></li><li><img src="catalog/view/image/slider/pic3.jpg" /></li><li><img src="catalog/view/image/slider/pic4.jpg" /></li></ul><?php }?> это запишиваешь в common.tpl перед </head> PHP: <!-- jQuery library (served from Google) --><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><!-- bxSlider Javascript file --><script src="catalog/view/javascript/jquery.bxslider.min.js"></script><!-- bxSlider CSS file --><link href="/lib/jquery.bxslider.css" rel="stylesheet" /> сюда поместить catalog/view/javascript/jquery.bxslider.min.js а еще это в футер footer.tpl PHP: <script type="text/javascript"><!--$(document).ready(function(){ $('.bxslider').bxSlider();});//--></script> теперь ты должен засунуть картинки в catalog/view/image/slider названия картинок , pic1.jpg, pic2.jpg и т.д.
Огромное спасибо, но не вышло :( 1). Я не понял что за файл common.tpl и где его взять? 2). Мой Скриншот:
ты однозначно не правильно что то сделал... в catalog\view\theme\ТВОЯ ТЕМА\template\common\header.tpl на место слайдера куда его хочешь поместить, например под меню вставляешь Код: <?php if ( isset($this->request->get['route']) && $this->request->get['route']!='common/home' ) { ?> <ul class="bxslider"> <li><img src="catalog/view/image/slider/pic1.jpg" /></li> <li><img src="catalog/view/image/slider/pic2.jpg" /></li> <li><img src="catalog/view/image/slider/pic3.jpg" /></li> <li><img src="catalog/view/image/slider/pic4.jpg" /></li> </ul> <?php }?> в catalog\view\theme\ТВОЯ ТЕМА\template\common\header.tpl перед </head> Код: <!-- jQuery library (served from Google) --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script src="catalog/view/javascript/jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="catalog/view/javascript/jquery.bxslider.css" rel="stylesheet" /> в папку catalog/view/javascript/ вросаешь такие файлы jquery.bxslider.min.js, jquery.bxslider.css скачиваешь их с сайта потом в catalog\view\theme\ТВОЯ ТЕМА\template\common\header.tpl после <body> Код: <script type="text/javascript"><!-- $(document).ready(function(){ $('.bxslider').bxSlider(); }); //--></script> создаешь папку по пути catalog/view/image/slider куда будешь кидать файлы pic1.jpg,pic2.jpg,pic3.jpg,pic4.jpg,pic5.jpg p.s. вроде все разжевал по полочкам, если нигде не ошибся - будет работать ))
Еще раз большое спасибо! Но проблема осталась... Идет вечная загрузка... Все сделал четко, как вы описали...