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

Вопрос зрителя: Здравствуйте, а как поменять расположение описания, оно находится обычно под ценой, а нужно опустить описание ниже? Это в теме 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.

 

Similar Posts

5 комментария/ев

  1. А как поменять на странице оформления заказа местами блок Ваш заказ с Оплата и доставка? Сейчас оплата и доставка вверху, а ваш заказ внизу.

      1. У меня во всех шаблонах которые стояли на сайте так отображалось. Поддержка моей темы говорит что это не к ним а к Woo, что это стандартный вид вукомерц. Возможно у меня что то не так в настройках включено? Тема EnvoShop Pro

        1. Посмотрел на демо шаблона и добавил товар в корзину. Все правильно отображается. Сначала идут поля для заполнения, а потом идет Ваш заказ. Ваш заказ может быть справа или внизу.
          Покажите скриншот как у вас отображается.

          1. Да, так и у меня. Но мне необходимо что бы был заказ вверху, а поля для заполнения внизу и под полями для заполнения способ оплаты. http://prntscr.com/va5kc9

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вы можете использовать эти теги HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

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