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 that you have read and understand our privacy policy and code of conduct.

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