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

23 просмотра

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

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

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

Содержание:
00:00 Вступление.
01:36 Ищем фрагмент кода в файлах темы, который отвечает за вывод элементов на странице отдельного товара.
05:05 Хук по которому выводится цена и краткое описание.
10:50 Деактивируем функции и порядок вывода цены и краткого описания в плагине WooCommerce.
12:20 Какие хуки используются на странице отдельного товара? Все хуки покажет плагин Simply Show Hooks.
13:43 Активируем функции вывода цены и краткого описания в теме и задаем им нужный порядок отображения.
15:46 Вешаем на хук свою функцию и задаем ей порядок вывода на странице отдельного товара.

Плагин Simply Show Hooks:
https://wordpress.org/plugins/simply-show-hooks/

🔴WOODMART — лучшая премиум-тема wordpress для создания современного интернет-магазина:
💠Создание Интернет-магазина: https://sitely.ru/pwoo
💠Плейлист Установка и настройка темы Woodmart: https://sitely.ru/pwt
💠Купить тему Woodmart: https://1.envato.market/xvYod
💠Купить русификацию для темы Woodmart: https://sitely.ru/woodru
💠Купить украинскую локализацию для темы Woodmart: https://sitely.ru/wua

……….

Консультации и др. мои услуги: https://sitely.ru/serv

✅Мои контакты:
💠Email: dizer7@gmail.com
💠Telegram: https://telegram.im/@sovka7
💠Канал в Telegram: https://t.me/inwebpress
💠Профиль на Kwork.ru: https://kwork.ru/user/goodpress

💠Beget — надежный и проверенный годами хостинг для вашего сайта http://bit.ly/2ObeM7k

Подпишитесь на канал, поставьте лайк 👍 Это сильно мотивирует. Спасибо большое!

#WordPress #WooCommerce #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_price', 20);
add_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 10);

add_action('woocommerce_single_product_summary', 'myfun', 25);

function myfun() {
  echo "<p class='my-class'>Здесь наш произвольный текст</p>";
}

Обращаем внимание на приоритеты 10 и 20. Сначала отменяем. Затем ставим необходимые.

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.