Как поменять местами цену и краткое описание на странице товара? ➤ Хуки WooCommerce

Как поменять местами цену и краткое описание на странице товара?

Вопрос зрителя: Здравствуйте, а как поменять расположение описания, оно находится обычно под ценой, а нужно опустить описание ниже? Это в теме Woodmart.

Если у вас возник вопрос, не стоит теряться в догадках. Задайте его в комментариях. Задать вопрос

В этом видео я покажу как поменять местами блок с ценой и краткое описание. Использовать я буду хуки WooCommerce. Также, в конце видео я создам произвольную функцию и выведу ее результат на странице товара.

  • Вступление.
  • Ищем фрагмент кода в файлах темы, который отвечает за вывод элементов на странице отдельного товара.
  • Хук по которому выводится цена и краткое описание.
  • Деактивируем функции и порядок вывода цены и краткого описания в плагине WooCommerce.
  • Какие хуки используются на странице отдельного товара? Все хуки покажет плагин Simply Show Hooks.
  • Активируем функции вывода цены и краткого описания в теме и задаем им нужный порядок отображения.
  • Вешаем на хук свою функцию и задаем ей порядок вывода на странице отдельного товара.

Код для вставки в файл functions.php дочерней темы:

remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 10);
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20);
 
add_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 10);
add_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 20);

Свои вопросы пишите в комментариях ниже, или на Youtube.


 

Понравилась статья? Поделиться с друзьями:
ОБ АВТОРЕ
Николай Пекарский
Автор сайта. Фрилансер. Занимаюсь созданием сайтов на WordPress, локализацией шаблонов и плагинов WordPress.
Добавить комментарий

Используйте теги <code>Здесь ваш код</code>, чтобы вставить код в свой комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: