Я работаю с темой Vantage на Shopify, которая использует flexslider.Я назначил изображения продукта каждому варианту, но когда я нахожусь в продукте и выбираю второй вариант, он переводит меня к третьему набору изображений вместо второго набора изображений.
У меня естьFlexSlider настроен на отображение 2 элементов одновременно, установив minItems
и maxItems
на 2. У меня также есть переменная move
, установленная на 2, так что каждая пара элементов перемещается вместе в виде диптиха при навигации с использованием следующего иПредыдущие кнопки.Однако это заставляет селектор вариантов перейти к неправильному набору изображений для второго варианта варианта.(Первый вариант варианта работает нормально.) Когда я изменяю переменную flexslider move
обратно на 1, варианты работают должным образом, переходя к правильному изображению в слайд-шоу.Тем не менее, мне нужны кнопки навигации next и prev для перемещения изображений попарно.Вот настройки, которые у меня есть для flexslider:
$element.flexslider({
animation: "slide",
controlNav: false,
directionNav: true,
animationLoop: true,
minItems: 2,
maxItems: 2,
move: 2,
prevText: "",
nextText: "",
slideshow: false,
sync: "#carousel"
});
Я бы хотел, чтобы кнопки «Вперед» и «Предыдущая» по-прежнему перемещали flexslider парами (на 2), но я хочу, чтобы селектор вариантов переместил слайд-шоу вправильное изображение.Есть ли способ исправить это или хотя бы надежный обходной путь?