[Ищу] Слайдер для товара

Тема в разделе "Wordpress", создана пользователем ram222, 25 июн 2020.

XEvil 4.0 Релиз Состоялся!
Информация :
Все пользователи Nulled-а обязаны ознакомиться с основными правилами форума!
Правила: Правила форума
Правила раздела: ОБЩИЕ СВЕДЕНИЯ | Правила раздела | Правила оформления [​IMG]
Полезное: Раскодирование шаблонов | Шорткоды | Поиск плагинов | [​IMG] Складчины
Плюшки: functions.PHP - часть 1 | часть 2
Разделы WP: Шаблоны | CodeCanyon
  1. ram222

    ram222 Da Vinci

    Регистр.:
    27 апр 2009
    Сообщения:
    774
    Симпатии:
    78
    Привет всем.
    Ищу слайдер который выглядел бы как оформление у товара в большинстве инетмагазинов.
    То есть фотка, внизу три превьюшки других фоток, и главное чтобы при клике на большую фотку она увеличивалась. Сейчас используется LayerSlider, но при клике фотка там не увеличивается, либо я не понимаю как это сделать.
    Подскажите пожалуйста слайдер или какой либо вариант. Woocommerce не хочется устанавливать, так как много переделывать.
     
  2. metal-stroi-komplekt

    metal-stroi-komplekt

    Регистр.:
    23 дек 2012
    Сообщения:
    179
    Симпатии:
    63
    для всплывашки фенсибокс, для сладйера слик, эта парочка отлично дружит друг с другом.Это если джиквери не вырезал с сайта.
    если любишь ванильку,то вот неплохой варик- http://sachinchoolur.github.io/lightgallery.js/
     
    ram222 нравится это.
  3. ram222

    ram222 Da Vinci

    Регистр.:
    27 апр 2009
    Сообщения:
    774
    Симпатии:
    78
    По ссылке не подходит, там типа галереи просто.
    Должен же быть готовый слайдер?
     
  4. metal-stroi-komplekt

    metal-stroi-komplekt

    Регистр.:
    23 дек 2012
    Сообщения:
    179
    Симпатии:
    63
    хз насчет готового, вот пример фэнси+слик: http://kompensatorov.net/catalog/silfonnyye/kompensatory-dly-otopleniya/kompesator-dek/
    Фэнсибокс все равно нужен где-то еще, форма обратной связи и т.д., галерея слик тоже не лишняя.
     
    Последнее редактирование: 28 июн 2020
    ram222 нравится это.
  5. ram222

    ram222 Da Vinci

    Регистр.:
    27 апр 2009
    Сообщения:
    774
    Симпатии:
    78
    Да, это то что нужно. Фенсибокс установлен, теперь надо подружить как то...
    С LayerSlider получится?
     
  6. metal-stroi-komplekt

    metal-stroi-komplekt

    Регистр.:
    23 дек 2012
    Сообщения:
    179
    Симпатии:
    63
    не, ты меня не услышал. Там галерея на slick!
    Подключаешь стили и скрипты для фэнси и слика, формируешь циклом два списка большие картинки и эскизы, затем обрабатываешь все это дело скриптом:
    HTML:
    <div class="slider-for">
      <a class="fancybox" rel="group" href="pict1.jpg"><img src="pict1-320x320.jpg" alt=""></a>
      <a class="fancybox" rel="group" href="pict2.jpg"><img src="pict2-320x320.jpg" alt=""></a>
      <a class="fancybox" rel="group" href="pict3.jpg"><img src="pict3-320x320.jpg" alt=""></a>
      <a class="fancybox" rel="group" href="pict4.jpg"><img src="pict4-320x320.jpg" alt=""></a>
    </div>
    <div class="slider-nav">
      <img src="pict1-150x150.jpg" alt="">
      <img src="pict2-150x150.jpg" alt="">
      <img src="pict3-150x150.jpg" alt="">
      <img src="pict4-150x150.jpg" alt="">
    </div>
    <script>
    jQuery(document).ready(function($){
      $('.slider-for').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        fade: true,
        asNavFor: '.slider-nav'
      });
      $('.slider-nav').slick({
        slidesToShow: 2,
        slidesToScroll: 1,
        asNavFor: '.slider-for',
        dots: true,
        centerMode: true,
        focusOnSelect: true
      });
      $(".fancybox").fancybox({padding: 8});
    });
    </script>
     
  7. ram222

    ram222 Da Vinci

    Регистр.:
    27 апр 2009
    Сообщения:
    774
    Симпатии:
    78
    Сложновато для приятеля, я то знаком со всем этим, а он с трудом LayerSlider освоил. Поэтому ищу что то готовое.
     
  8. ram222

    ram222 Da Vinci

    Регистр.:
    27 апр 2009
    Сообщения:
    774
    Симпатии:
    78
    Если поставить Woocommerce, может из него можно будет как то вставлять слайдер?