Галерея изображений товара на странице категории woocommerce

/, wordpress, Полезные хуки/Галерея изображений товара на странице категории woocommerce

Галерея изображений товара на странице категории woocommerce

Галерея выполнена на Slick. Часть кода подсмотрена тут
Итак, код:

Достаточно вставить этот код в functions.php вашей темы. Так же нужно подключить скрипты Slick слайдера.

О авторе:

Я занимаюсь веб-разработкой и freelance более 4-х лет, ранее работал 5 лет в банковской сфере, в отделе it-технологий. Специализируюсь на таких популярных CMS: WordPress, Drupal и Joomla. Разрабатываю сайты любой сложности, среди которых: блоги, landing page (лендинги), интернет-магазины, сайты-визитки, корпоративные сайты и прочее.

6 комментариев

  1. Сергей 15.06.2018 в 8:44 пп - Ответить

    В этом коде есть проблема, ссылки на товар передаются на миниатюры товара. Короче когда кликаешь на миниатюру, основная картинка меняется, но одновременно ты переходишь на страницу товара. Я доработал этот код, но выложить не могу, форма ругается.

    • Volodymyr Chui 16.11.2018 в 6:42 пп - Ответить

      Если весь блок товара расположен внутри ссылки, то так и есть. Ссылки нужно выполнить отдельно на заголовок и нка главную миниатюру.

  2. Андреф 16.11.2018 в 2:51 пп - Ответить

    Привет! Это именно то что мне нужно, спасибо огромное.
    Но я вставляю ваш код в function и сайт полностью прекращает работать. Слик подключен.
    Пользуюсь wordpress 4.9.8

    • Volodymyr Chui 16.11.2018 в 6:43 пп - Ответить

      Проверьте закрытие и открытие скобок в вашем файле function.php.

      • Андреф 17.11.2018 в 2:27 дп - Ответить

        Отлично, сработало! Спасибо, огромное.

        Потратил несколько часов прежде чем задать этот вопрос, не получилось. Нужно сделать картинки в бэкграунде, не могу понять какой код вставить чтобы выводилась ссылка на картинку.
        Делаю вот так:

        foreach( $attachment_ids as $attachment_id ) {
        $image_url = wp_get_attachment_image( $attachment_id, ‘shop_catalog’ );
        echo ”;
        echo ”;
        }

        И еще последний вопрос, который позволит мне закончить проект, Кажется мелочь, однако не смог найти в гугле на разных языках.

        Мне необходимо вывести фотографии товара списком, а не внутри слайдера, на странице товара. Я сейчас попытаюсь это сделать на основе вашего кода, но не уверен что у меня получится.

        • Volodymyr Chui 19.11.2018 в 2:32 пп - Ответить

          Насколько помню, по умолчанию в woocomerce и так выводятся изображения товара галереей на странице товара. Из этой галереи можно сделать список посредством CSS.

Оставить комментарий