Подключение слайдера

Тема в разделе "OpenCart", создана пользователем Reqman, 21 май 2014.

  1. Reqman

    Reqman

    Регистрация:
    25 фев 2013
    Сообщения:
    213
    Симпатии:
    62
    Ребята, помогите пожалуйста подключить вот ЭТОТ слайдер к ocstore. Никогда не подключал jQuery. Там написана инструкция, но у меня ничего не вышло. Очень прошу помочь. Спасибо.
     
  2. 3AHO3A

    3AHO3A

    Регистрация:
    20 май 2014
    Сообщения:
    1
    Симпатии:
    6
    тебе надо модуль писать,

    или так можно, он будет выводится только на главной к пример, для этого в нужное место шаблона запишиваешь
    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 и т.д.
     
    Reqman и NinoZombie нравится это.
  3. Reqman

    Reqman

    Регистрация:
    25 фев 2013
    Сообщения:
    213
    Симпатии:
    62
    Огромное спасибо, но не вышло :(
    1). Я не понял что за файл common.tpl и где его взять?
    2). Мой Скриншот:
    [​IMG]
     
  4. 3AHO3A

    3AHO3A

    Регистрация:
    20 май 2014
    Сообщения:
    1
    Симпатии:
    6
    ты однозначно не правильно что то сделал...
    в 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. вроде все разжевал по полочкам, если нигде не ошибся - будет работать ))
     
    Reqman нравится это.
  5. Reqman

    Reqman

    Регистрация:
    25 фев 2013
    Сообщения:
    213
    Симпатии:
    62
    Еще раз большое спасибо! Но проблема осталась... Идет вечная загрузка...
    Все сделал четко, как вы описали...
     
  6. 3AHO3A

    3AHO3A

    Регистрация:
    20 май 2014
    Сообщения:
    1
    Симпатии:
    6
    попробуй не подключать этот скрипт, удали его с шаблона