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

[TrumpCMS]

Здравствуйте, комюнити. Поставил себе шаблон на свой сайт crocus, на другом сайте стоит nano, там на главной прокрутка групп товаров "акции" "новинки" автоматом стоит. Как я могу включить ее на crocus?
Буду безумно благодарен!

 

[TrumpCMS]

Ошибочка, на нано тоже не крутятся. Данная функция реализована на css. При клике на картинку, видимая часть широго блока (3000+ пикселей) просто меняется, как я могу сделать чтобы она все время менялась? Все дело реализовано на css transition.

 

[TrumpCMS]

Более того, докопался это все таки JS owl-carousel

 

[MRX]

Так вопрос решился или нет?

 

[TrumpCMS]

Так вопрос решился или нет?

Нет ничего не изменилось, написал письмо в js-studio, они сказали чтобы смотрел документацию это owl carousel css3 transition скрипт, но документация скудная, код написано совершенно другой. То есть, js взяли этот плагин и переделали его под свой лад. Знания js у меня такие же как и документация, но там действительно сложно что либо понять. В файле ниже код самого плагина.

 

[Катерина]

Нет ничего не изменилось, написал письмо в js-studio, они сказали чтобы смотрел документацию это owl carousel css3 transition скрипт, но документация скудная, код написано совершенно другой. То есть, js взяли этот плагин и переделали его под свой лад. Знания js у меня такие же как и документация, но там действительно сложно что либо понять. В файле ниже код самого плагина.

попробуйте в js файле карусели поставить такие настройки,
они в самом конце расположены
autoplay:true,
autoplayTimeout:2000,
autoplaySpeed:3000,
autoplayHoverPause:true,

 

[TrumpCMS]

попробуйте в js файле карусели поставить такие настройки,
они в самом конце расположены
autoplay:true,
autoplayTimeout:2000,
autoplaySpeed:3000,
autoplayHoverPause:true,

Даже через ctrl+F не нашел этих строк, ни одной.

 

[Wlad007]

смотрите в файле script.js

 

[Катерина]

Даже через ctrl+F не нашел этих строк, ни одной.

всех строчек что написала конечно не будет, некоторые надо добавить. для удобства структурируйте файл, чтобы все увидеть и понять

 

[Wlad007]

Вот с файла крокуса

Спойлер

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

    });

 

[TrumpCMS]

Всем огромное спасибо!!!