Решено Прокрутка товаров могута crocus

Статус
В этой теме нельзя размещать новые ответы.

Dima

Allen
Premium+
Регист
21 Дек 2016
Сообщения
12
Симпатии
9
#1
Здравствуйте, комюнити. Поставил себе шаблон на свой сайт crocus, на другом сайте стоит nano, там на главной прокрутка групп товаров "акции" "новинки" автоматом стоит. Как я могу включить ее на crocus?
Буду безумно благодарен!
 

Вложения

Dima

Allen
Premium+
Регист
21 Дек 2016
Сообщения
12
Симпатии
9
#2
Ошибочка, на нано тоже не крутятся. Данная функция реализована на css. При клике на картинку, видимая часть широго блока (3000+ пикселей) просто меняется, как я могу сделать чтобы она все время менялась? Все дело реализовано на css transition.
1512927962110.png
 

Dima

Allen
Premium+
Регист
21 Дек 2016
Сообщения
12
Симпатии
9
#3
Более того, докопался это все таки JS owl-carousel
 

MRX

Администратор
Регист
6 Апр 2016
Сообщения
994
Симпатии
642
#4
Так вопрос решился или нет?
 

Dima

Allen
Premium+
Регист
21 Дек 2016
Сообщения
12
Симпатии
9
#5
Так вопрос решился или нет?
Нет ничего не изменилось, написал письмо в js-studio, они сказали чтобы смотрел документацию это owl carousel css3 transition скрипт, но документация скудная, код написано совершенно другой. То есть, js взяли этот плагин и переделали его под свой лад. Знания js у меня такие же как и документация, но там действительно сложно что либо понять. В файле ниже код самого плагина.
 

Вложения

Регист
12 Дек 2017
Сообщения
19
Симпатии
7
#6
Нет ничего не изменилось, написал письмо в js-studio, они сказали чтобы смотрел документацию это owl carousel css3 transition скрипт, но документация скудная, код написано совершенно другой. То есть, js взяли этот плагин и переделали его под свой лад. Знания js у меня такие же как и документация, но там действительно сложно что либо понять. В файле ниже код самого плагина.
попробуйте в js файле карусели поставить такие настройки,
они в самом конце расположены
autoplay:true,
autoplayTimeout:2000,
autoplaySpeed:3000,
autoplayHoverPause:true,
 

Dima

Allen
Premium+
Регист
21 Дек 2016
Сообщения
12
Симпатии
9
#7
попробуйте в js файле карусели поставить такие настройки,
они в самом конце расположены
autoplay:true,
autoplayTimeout:2000,
autoplaySpeed:3000,
autoplayHoverPause:true,
Даже через ctrl+F не нашел этих строк, ни одной.
 
Регист
12 Дек 2017
Сообщения
19
Симпатии
7
#9
Даже через ctrl+F не нашел этих строк, ни одной.
всех строчек что написала конечно не будет, некоторые надо добавить. для удобства структурируйте файл, чтобы все увидеть и понять
1513582571329.png 1513582653170.png
 

Wlad007

Модератор
Developer
Регист
14 Сен 2016
Сообщения
195
Симпатии
235
#10
Вот с файла крокуса

Код:
 // carousel
    // ------------------------------------------------------------
    $('.j-carousel__slideset').owlCarousel({
        navigationText: [
            '<div class="j-carousel__button j-carousel__button__left"><svg class="icon icon--arrow-left"><use class="symbol" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon--arrow-left"></use></svg></div>',
            '<div class="j-carousel__button j-carousel__button__right"><svg class="icon icon--arrow-right"><use class="symbol" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon--arrow-right"></use></svg></div>'
        ],
        items: 4,
        itemsTablet: [800, 3],
        navigation: true,
        pagination: false,
        addClassActive: true

    });



    // slider
    // ------------------------------------------------------------
    $('.j-carousel__slider').owlCarousel({
        navigationText: [
            '<div class="j-carousel__button j-carousel__button__left"><svg class="icon icon--arrow-left"><use class="symbol" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon--arrow-left"></use></svg></div>',
            '<div class="j-carousel__button j-carousel__button__right"><svg class="icon icon--arrow-right"><use class="symbol" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon--arrow-right"></use></svg></div>'
        ],
        singleItem: true,
        navigation: true,
        pagination: true,
        slideSpeed: 300,
        paginationSpeed: 400,
        // autoPlay: true,
        transitionStyle: "fadeUp"

    });
Поставьте так
Код:
 // carousel
    // ------------------------------------------------------------
    $('.j-carousel__slideset').owlCarousel({
        navigationText: [
            '<div class="j-carousel__button j-carousel__button__left"><svg class="icon icon--arrow-left"><use class="symbol" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon--arrow-left"></use></svg></div>',
            '<div class="j-carousel__button j-carousel__button__right"><svg class="icon icon--arrow-right"><use class="symbol" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon--arrow-right"></use></svg></div>'
        ],
        items: 4,
        itemsTablet: [800, 3],
        navigation: true,
       paginationSpeed: 400,
       autoPlay: true,
slideSpeed: 300,
        addClassActive: true

    });
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху Снизу