Jump to content

Jquery на Magento не работает слайдрер


Recommended Posts

Удалил строчку в коде какую не знаю и перестало выводится на сайте, 3 блока которые под слайдером все норм, голову сломал исправить не могу. Помогите люди добрые.


Код:

<div class="index-container">

<div class="container">

<div class="row">

<div class="col-xs-12">

<div class="index_block">

<div class="header_slider">

<script type="mce-text/javascript" src="{{skin url=''}}js/camera.js"></script>

<script type="mce-text/javascript">// <![CDATA[

/* index slider */

        jQuery(function(){

        jQuery('#camera_wrap').camera({

        alignmen: 'topCenter',

        height: '400px',

        minHeight: '50px',

        loader : bar,

        navigation: false,

        fx: 'simpleFade',

        navigationHover:false,

        thumbnails: true,

        playPause: false 

        });

        });

// ]]></script>

<div class="fluid_container">

<div id="camera_wrap" class="camera_wrap camera_orange_skin">

<div data-src="{{skin url=''}}images/slider_pic1.jpg" data-link="specials.html">

<div class="camera_caption fadeIn">

<div class="right_slider_side sl_1">

<h2>Материнские платы</h2>

<p> </p>

<h4>восстановленные</h4>

<h4> </h4>

</div>

</div>

</div>

</div>

<div data-src="{{skin url=''}}images/slider_pic2.jpg" data-link="tripods.html">

<div class="camera_caption fadeIn">

<div class="right_slider_side sl_2">

<h2>Сервера IBM и HP  </h2>

<h4>International Business Machines</h4>

<h4>Hewlett-Packard</h4>

<p> </p>

</div>

</div>

</div>

</div>

</div>

</div>

<div data-src="{{skin url=''}}images/slider_pic3.jpg" data-link="video-cameras.html">

<div class="camera_caption fadeIn">

<div class="right_slider_side sl_3">

<h2>Ноутбуки</h2>

<h4>восстановленные</h4>

</div>

</div>

</div>

</div>

<div class="clear"> </div>

</div>

<div class="banners_block">

<div class="banner ban1">

<div class="ban_img"><img alt="" src="{{skin url='images/index_img1.jpg'}}" /></div>

<div class="ban_wrap">

<h2>Быстрая доставка</h2>

<p>Способы доставки и оплата! </p>

<div class="shop_now"><span>Перейти</span></div>

</div>

</div>

<div class="banner ban2">

<div class="ban_img"><img alt="" src="{{skin url='images/index_img2.jpg'}}" /></div>

<div class="ban_wrap">

<h2>Подтверждение гарантии</h2>

<p>Гарантия 1, 2, 3 месяца!</p>

<div class="shop_now"><span>Перейти</span></div>

</div>

</div>

<div class="banner ban3">

<div class="ban_img"><img alt="" src="{{skin url='images/index_img3.jpg'}}" /></div>

<div class="ban_wrap">

<h2>Возврат денег</h2>

<p>Мы гарантируем возврат денег если товар не подошел или находится не робочем состоянии!</p>

<div class="shop_now"><span>Перейти</span></div>

</div>

</div>

</div>

 

Link to post
Share on other sites
  • 1 year later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Similar Content

    • By РоманФ
      Выполняю рабочий проект для заказчика
      Встал вопрос как сверстать секцию о нас(будет правильней чтобы верстка не поехала), так как она наслаивается на верхнюю секцию, плюс полупрозрачный border, плюс под ним еще и картинка 
      И как совместить картинки с задними блоками на секции Продукция

      И еще такой момент, сталкивались ли вы с тем что картинки-исходники разного размера в исходниках, допустим в секции продукция картинка листовок сплющена, если сталкивались может быть подскажите как решать такие моменты.

      Буду рад конструктивным советам, спасибо
       
      Прикладываю макет 
      https://www.figma.com/file/NpCXMgs0oIjLYfuiqzPTJ4/Типография?node-id=11%3A2
    • By Full-R
      В общем свежая безумная идея сделать интерфейс на VPU(view port units) таким образом чтобы избежать media queries.
      Сейчас сделано определение мобильной версии браузера и на CSS4 vars сделаны переключатели масштаба элементов интерфейса.
      Поскольку дизайн полностью масштабируется под размер окна и не нужны ни какие костыли и сетки, я хочу добавить в свой фреймворк такую опцию, как автоматическая генерация Android приложения, которое бы работало на Web View. У нас уже везде webkit и можно было бы сделать заготовку приложения, которая бы скрывала строку ввода адреса браузера, но оставляла возможность поменять URL, на который обращается приложение.
      Я не пишу под андроид и мне бы очень не помешал пример такого приложения с возможностью на сервере через PHP поменять иконку и URL.
      Интерфейс у меня написан полностью динамический на ECMA Script fetch и вместе с SVG графикой весит примерно 300Кб не сжатого сервером кода, что гораздо лучше, чем разрабатывать отдельное приложение для mobile web.
      Мой проект RevolveR CMF: https://revolvercmf.ru/ (сайт сообщества, на котором пока ни чего нет - просто чтобы протестировать интерфейс на VPU и SPAx).
      Видео обзор системы: 
       
       
      Дистрибутив для установки вот здесь: https://github.com/Full-Rx/RevolveR-framework/releases/tag/1.9.2.x
      Группа на facebook тут: https://www.facebook.com/groups/331465761595917
      Фреймворк позиционируется, как замена Drupal и предоставляет широкий спектр функций для создания сайта сообщества.
      Интерфейс написан самостоятельный с чистого листа на ECMA Script 7, а backend реализован на PHP SPL 7.4. Для базы данных реализован мощный кэш с шифрованием и система оптимизирована под высокие нагрузки.
      Сам интерфейс легко меняется с помощью CSS, что позволяет не сильно модифицировать шаблон при создании своей темы оформления.
      Хочу подсказать как лучше реализовать View Port Unit интерфейс, который сейчас работает через calc просто подменяя значение переменной для масштабирования элементов под мобильные устройства. Дело в том, что сейчас уже не нужны ни какие media queries и grids(сетки), а также нет нужды во flex-box так как VPU прекрасно позволяют реализовывать интерфейс для любых дисплеев так, что он смотрится одинокого, как это сделано в операционной системе Windows, например.
       
      Давайте покумекаем, как мы можем это использовать для современных интерфейсов, чтобы сэкономить себе время на создание верстки и дизайна. Мне кажется моя идея выгорает хотя бы экономией времени и денег на создании мобильного приложения. 
       
    • By Tempest99
      Есть адаптивное меню .mobmenu и кнопка обратной связи .feedback.openform. Как сделать так,чтобы при нажатии на гамбургер, меню с темным задним фоном перекрывало кнопку обратной связи,чтобы ее нельзя было нажать? И наоборот,при нажатии на форму обратной связи,нельзя было вызвать адаптивное меню. С меню вроде как я справился,но вот как полностью вывести фидбэк на передний план и чтобы при этом чтобы header с гамбургером отошли назад?  https://codepen.io/tempest2708/pen/dyMVoOp


      pornohub-google-chrome-2020-09-04-00-56-15_AYQgL2jv.compressed.mp4
  • Member Statistics

    46,945
    Total Members
    1,451
    Most Online
    html__noob
    Newest Member
    html__noob
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...