Slick Carousel и Variant Выберите дебютную тему Shopify - PullRequest
Новая
       47

Slick Carousel и Variant Выберите дебютную тему Shopify

0 голосов
/ 11 апреля 2019

Я пытаюсь синхронизировать этот скользящий слайдер и варианты вариантов в дебютной теме (Shopify).

Я попытался реализовать эту Синхронизацию скользкой карусели, чтобы выбрать

Это не работает для меня.Что я должен поставить istend из "#select"?Это «сингл-опцион-селектор»?

Есть идеи?Пожалуйста помоги.Спасибо

Код слайдера: 

  <script type='text/javascript'>
$(function(){
  $('.slickslider').slick({
    arrows: true,
    adaptiveHeight: true,
    asNavFor: '.slickslider1',
    infinite: true,
    speed: 500,
    slidesToShow: 1,
  });
    $(document).on('change', '.single-option-selector', function(){
    var hittedIndex = $('span img#' + customVal).data('index');
    console.log('span img[addata=' + customVal + ']');
    if(hittedIndex != undefined)
    $('.slickslider').slick('slickGoTo', hittedIndex);
});


  <script type="text/javascript">
jQuery(document).ready(function(){
  jQuery('.slickslider1').slick({
    dots: true,
    arrows: true,
    asNavFor: '.slickslider',
    slidesToShow: 3,
    slidesToScroll: 1,
    centerMode: true,
    focusOnSelect: true,
    responsive: [{
    breakpoint: 1024,
    settings: {
    slidesToShow: 3,
    slidesToScroll: 1,}}, 
        {breakpoint: 900,
        settings: {
        slidesToShow: 2,
        slidesToScroll: 1,}},]
});
   $(document).on('change', '.single-option-selector', function(){
    var hittedIndex = $('span img#' + customVal).data('index');
    console.log('span img[addata=' + customVal + ']');
    if(hittedIndex != undefined)
    $('.slickslider1').slick('slickGoTo', hittedIndex);
   });                        
});

...