Привет ! Сегодня я покажу вам как добавить на свой сайт виджет аккордеон для отображения товаров Woocommerce. При нажатии на категорию, будут открываться дочерние категории товаров. Очень простой и полезный плагин !
Установить плагин YITH WooCommerce Category Accordion вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: Внешний вид – Виджеты. У вас появится новый виджет – YITH WooCommerce Category Accordion. Перетащите виджет в сайдбар.
Далее, в настройках виджета вы можете включить:
– Show WooCommerce Categories, показать категории товаров.
– Show WooCommerce Subcategories, показать дочерние категории товаров.
– Show WordPress Categories, показать категории записей WordPress.
– Show WordPress Subcategories, показать дочерние категории записей WP.
– Highlight the current category, выделить текущую категорию.
– Closed accordion, аккордеон будет закрыт при открытии страницы.
– Сохраните виджет.
Всё готово ! У вас на сайте будет отображаться виджет аккордеон с категориями товаров Woocommerce или записей WordPress.
Более 500 Супер полезных плагинов WordPress Смотри Здесь !
Более 100 Супер полезных плагинов Woocommerce Смотри Здесь !
Остались вопросы ? Напиши комментарий ! Удачи !
Здравствуйте. После активации виджета при переходе в подкатегорию обрезается первая буква названия подкатегории. Подскажите, в каком направлении копать
Здравствуйте. Буква обрезается только при переходе из виджета? А если просто зайти на страницу подкатегории, нормально отображается?
yadi.sk/i/zLbBb1V73LEz4g сделал скрин. Обрезается только подкатегория. Тема THE 7
Дело точно не в плагине, потому что я его тестировал на своём черновом сайте. Попробуйте поставить другую тему и посмотреть, если всё нормально будет, значит дело в вашей текущей теме. Где вы её кстати взяли? На WordPress я её не смог найти. Можно попробовать CSS стили изменить, по шире сделать Padding или Margin, с помощью плагина SiteOrigin CSS.
со слив складчика взял. В планах сделать себе несколько интернет магазинов. Подскажи, какая тема хорошо подойдет для этой цели
Вообще любая тема подойдёт, но лучше искать в админ-панели WordPress по запросу Shop. Такие темы заточены под интернет-магазин. Выбор огромный. Не рекомендую использовать не официальные темы, которых нету на WordPress. Они больше всего конфликтуют.
Тему сменил. Проблема исчезла. Спасибо огромное за ресурс. Много сайтов про вордпресс, но этот самый клевый. Теперь на нем только сижу
Здравствуйте, такой момент, при открытии подкатегорий список дочерних категорий идут прямо под основной категорией, так сказать нету абзаца и все сливается в один список?
Тема Аvada
Здравствуйте. А на скриншотах у меня разве так показано? Дочерние категории идут отдельно, они смещены чуть вправо. У главной категории справа отображается плюс, а при открытии минус. Видимо у вас, у вашей темы, такие стили, их можно изменить с помощью плагина SiteOrigin CSS.
Здравствуйте, а где сортировка настраивается?
У меня категории выводятся в той последовательности, в которой я их создаю.
Поставил еще плагин для ручной сортировки, вношу изменения, сохраняю, но все равно категории в прежнем порядке расположены.
Некоторые пишут, что категории можно просто мышкой передвигать, но у меня такого нет.
Здравствуйте! Очень легко можно ваш вопрос решить. Есть плагин для сортировки любых записей, страниц и категорий, в том числе и для товаров. Плагин называется “Сортировка типичных записей”. Найти его можно по запросу Sort, в админ-панели WordPress. Смотрите скриншот ниже.
Установил от этого автора похожий плагин, еще 2 других (Post Terms Order, Post Types Order, Сортировка списка элементов). Добавил тот, что вы порекомендовали, но там в списке у меня отображаются только товары, а не категории.
Вот в этом плагине – “Сортировка списка элементов” – категории видны и я выстраиваю в нужном порядке, но на сайте изменения не отображаются. Кэш числил, если что. Другие изменения сразу видны.
Смотрите, что вам нужно сделать, установите и активируйте плагин, который я вам рекомендовал в предыдущем комментарии. Далее, перейдите на страницу плагина и сохраните настройки, чтобы исчезло уведомление вверху экрана. Далее, перейдите на страницу Товары – Категории. На странице категорий, с помощью курсора мыши перетащите категории в нужном вам порядке. Справа от названия категории, будет специальный значок, на него нужно курсор навести. Всё готово! На сайте порядок отображения категорий тоже изменится. Всё очень просто.
Благодарю за помощь, все работает. Справа после количества записей появилась неприметная иконка, при наведении на которую и перетягивании, становится доступным перемещение.
Кнопки “поблагодарить” у вас нет, тогда просто сделаю репост главной вашего блога на своей странице в соц. сети.
Здравствуйте. Поставил данный плагин, всё работает отлично, но как убрать категории из карточки товара?
Добрый день. Какие категории, что вы имеете ввиду?
Аккордеон выводился на всех страницах, а я хотел его убрать с карточек товара. Уже разобрался, помог плагин Widget logic. Теперь нужен плагин для вывода информации о доставке и оплате справа от краткого описания товара.
Такое можно сделать с помощью виджета Текст или HTML, которые имеются по умолчанию на WordPress. Плагин не нужен.
Доброго дня. А можно ли покрасить сам аккордеон в нужный цвет? Допустим свернутые кнопки темно-синие, а развёрнутые посветлее.
Здравствуйте. Вам может помочь плагин SiteOrigin CSS
Здравствуйте, а как скрыть данный плагин при отображении сайта для мобильных устройств?