Как изменить расположение элементов в краткой карточке товара на странице категории?

Видео будет полезным всем, кто интересуется программированием, созданием сайтов и кастомизацией WooCommerce.

Задача: разместить цену над названием товара в краткой карточке товара.

Для выполнения этой задачи мы будем использовать хуки WooCommerce.

Содержание видео:

  • Вступление.
  • Определяем какие хуки используются в краткой карточке товара.
  • Ищем файл в шаблоне WordPress, который выводит категории товаров. Ищем хуки, на которых висят функции вывода названия и цены.
  • Деактивируем функцию и порядок вывода цены на хуке. Метод remove_action.
  • Активируем функцию вывода цены на другом хуке и задаем нужный порядок отображения. Метод add_action.
  • Меняем стиль CSS для элемента цены.
  • Выводы.
Как изменить расположение элементов в краткой карточке товара (категория)? ➤ Хуки WooCommerce
Смотреть это видео на YouTube.
Подпишитесь на канал InwebPress, чтобы узнать больше о создании и настройке сайтов!

Функции (вставляем в файл functions.php дочерней темы):

remove_action ('woocommerce_after_shop_loop_item_title','woocommerce_template_loop_price', 10);
add_action ('woocommerce_shop_loop_item_title', 'woocommerce_template_loop_price', 5);

Стили CSS:

.product-grid-item .price {
    margin-bottom: 5px!important;
}

Плагин Simply Show Hooks

 

Занимаешься созданием сайтов? Не пропусти важные новости!

Подпишись на Youtube-канал

Я рассказываю о создании сайтов простым и понятным языком, чтобы даже абсолютный новичок уже завтра смог создать свой первый интернет-магазин.

Подпишись на Telegram-канал

Получай новости на свой телефон - это удобно и быстро!
Новости из мира WordPress, полезные видео о создании сайтов, интересные статьи о разработке и безопасности.



Похожие записи

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии