Поиск Слайдер для товара

[ram222]

Привет всем.
Ищу слайдер который выглядел бы как оформление у товара в большинстве инетмагазинов.
То есть фотка, внизу три превьюшки других фоток, и главное чтобы при клике на большую фотку она увеличивалась. Сейчас используется LayerSlider, но при клике фотка там не увеличивается, либо я не понимаю как это сделать.
Подскажите пожалуйста слайдер или какой либо вариант. Woocommerce не хочется устанавливать, так как много переделывать.

 

[metal-stroi-komplekt]

для всплывашки фенсибокс, для сладйера слик, эта парочка отлично дружит друг с другом.Это если джиквери не вырезал с сайта.
если любишь ванильку,то вот неплохой варик- Для просмотра ссылки Войди или Зарегистрируйся

 

[ram222]

По ссылке не подходит, там типа галереи просто.
Должен же быть готовый слайдер?

 

[metal-stroi-komplekt]

По ссылке не подходит, там типа галереи просто.
Должен же быть готовый слайдер?

хз насчет готового, вот пример фэнси+слик: Для просмотра ссылки Войди или Зарегистрируйся
Фэнсибокс все равно нужен где-то еще, форма обратной связи и т.д., галерея слик тоже не лишняя.

 

[ram222]

хз насчет готового, вот пример фэнси+слик: Для просмотра ссылки Войди или Зарегистрируйся
Фэнсибокс все равно нужен где-то еще, форма обратной связи и т.д., галерея слик тоже не лишняя.

Да, это то что нужно. Фенсибокс установлен, теперь надо подружить как то...
С LayerSlider получится?

 

[metal-stroi-komplekt]

Да, это то что нужно. Фенсибокс установлен, теперь надо подружить как то...
С LayerSlider получится?

не, ты меня не услышал. Там галерея на slick!
Подключаешь стили и скрипты для фэнси и слика, формируешь циклом два списка большие картинки и эскизы, затем обрабатываешь все это дело скриптом:

<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>

 

[ram222]

не, ты меня не услышал. Там галерея на slick!
Подключаешь стили и скрипты для фэнси и слика, формируешь циклом два списка большие картинки и эскизы, затем обрабатываешь все это дело скриптом:

<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>

Сложновато для приятеля, я то знаком со всем этим, а он с трудом LayerSlider освоил. Поэтому ищу что то готовое.

 

[ram222]

Если поставить Woocommerce, может из него можно будет как то вставлять слайдер?