0

Как можно осуществить вывод новых или популярных товаров в карусель? Товары выведены с помощью шорткода вывод на главной шорткод

Нужно поместить товары в карусель, чтобы можно было листать и посмотреть все. Пытался установить slick slider и сделать с помощью него - безуспешно. Думаю что я неправильно его подключилfunctions.php

2 ответа 2

0

У вас не хватает инициализации слайдера

jQuery(document).ready(function($) {
    $('.pop-carousel .products').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
    });
});

В WordPress нужно писать JS код и инициализировать библиотеки с использованием jQuery.noConflict();

5
  • Инициализировал в файле app.js.
    – Felluchi
    12 фев 2021 в 0:14
  • Какие ошибки в консоли? 12 фев 2021 в 4:37
  • Uncaught SyntaxError: Unexpected token '.' в файлу slick.css
    – Felluchi
    13 фев 2021 в 16:24
  • Uncaught TypeError: $ is not a function в app.js:1
    – Felluchi
    13 фев 2021 в 16:25
  • Обновил код и добавил комментарий. Скиньте ссылку на сайт 13 фев 2021 в 16:59
0

Проблема была в инициализации вот правильный код:

jQuery(document).ready(function ($) { $('.new-carousel .products').slick({ slidesToShow: 4, slidesToScroll: 12, dots: true, }); });

2
  • Ну так это и есть то, что я вам написал. На вашем скрине нет класса .new-carousel, это вы уже в процессе поменяли, хотя не понятно зачем. Все остальное это дополнительные параметры 14 фев 2021 в 22:55
  • Прошу прощения не заметил
    – Felluchi
    14 фев 2021 в 23:28

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.