Intereting Posts
Разделить медиа-запросы в разных файлах! Как я могу написать в многоуровневой функции доставки для конкретного продукта WC? Можно ли изменить тип персонализированного сообщения с "hierarchical: false" на "hierarchical: true"? Шаблон для одной страницы для страниц, начинающихся с «подтверждения» Как фильтровать элементы медиабиблиотеки по нескольким категориям Как эмулировать поведение меню навигации по умолчанию в пользовательской теме? Получайте последние сообщения вчера из каждой категории, не работая и получая двойной результат Как вызвать конкретную функцию, когда флажок установлен на странице параметров плагина Как добавить уведомление администратора в javascript в интерфейсе администратора для сообщений? Как добавить пользовательскую дублируемую ссылку на сообщение или продукт? Получить термины из нескольких таксономий Выпадающий список на странице профиля пользователя что такое имя_параметра в базе данных, которое хранит информацию о текущем виджет-инициаторе в боковой панели frontend? Поиск в неанглийском языке возвращает только один результат wpdb-> get_var всегда возвращает 0

Переупорядочить продукт Woocommerce и echo div вокруг перемещенных и дублированных крючков Woocommerce

Как обернуть div вокруг действий в коде ниже?

PHP в файле functions.php:

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 ); add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_title', 5 ); remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 6 ); add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_price', 6 ); remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 30 ); add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_excerpt', 10 ); remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 6 ); add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_add_to_cart', 6 ); 


Вопрос:

Мне удалось переместить заголовок, цену, выдержку и добавить в корзину перед изображениями, так что теперь у меня есть страница, настроенная следующим образом, и это то, что я хочу. Но я хочу div с классом «мобильное резюме» вокруг первого набора.

<div class = "new-div-i-want-to-add">
заглавие
Цена
добавить в корзину
выдержка
</ DIV>

<div class = "images"> Изображения </ div>

<div class = "summary">

Цена
выдержка
добавить в корзину

</ DIV>


Что я пробовал?

Я не знаю, что это так называется. Я изучаю Genesis и Woocommerce без большого опыта работы в php или WordPress (даже в блогах как пользователь).

Solutions Collecting From Web of "Переупорядочить продукт Woocommerce и echo div вокруг перемещенных и дублированных крючков Woocommerce"

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

Это приводит к тому, что выход продукта из одного продукта будет следующим:

  1. заглавие
  2. Цена
  3. Добавить в корзину / атрибуты
  4. выдержка
  5. Мета
  6. Изображений
  7. Цена
  8. Добавить в корзину / атрибуты
  9. Вкладки
  10. Upsell
  11. Связанный

Итак, теперь на больших видовых экранах мы плаваем .product div.images слева, плаваем .product div.summary вправо, очищаем материал после него. Скройте раздел .footer-cart в больших видовых экранах, и теперь человеку на мобильном телефоне не придется прокручивать всю высоту изображения, чтобы добавить в корзину – если они того пожелают.

В functions.php

 if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) { // ==== wrap in div function output_opening_div() { echo '<div class="footer-cart-section">'; } function ouput_closing_div() { echo '</div><!-- /.footer-cart-section -->'; } // ==== put the excerpt below the add to cart and before the meta remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt',20); add_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt',35); // ==== move images (with the thumbs) below the content remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 ); add_action( 'woocommerce_after_single_product_summary', 'woocommerce_show_product_images', 50); // ==== move all the content after images remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 ); remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 ); remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 ); add_action( 'woocommerce_after_single_product', 'woocommerce_output_product_data_tabs', 20); add_action( 'woocommerce_after_single_product', 'woocommerce_upsell_display', 20); add_action( 'woocommerce_after_single_product', 'woocommerce_output_related_products', 20 ); // ==== repeat cart after image with opening and closing div functions add_action('woocommerce_after_single_product','output_opening_div',9); add_action( 'woocommerce_after_single_product', 'woocommerce_template_single_price', 10 ); add_action( 'woocommerce_after_single_product', 'woocommerce_template_single_add_to_cart', 10 ); add_action('woocommerce_after_single_product','ouput_closing_div',10); }// end if woocommerce 

Я бы сделал это с помощью jQuery, что-то вроде:

 $('.element').wrapInner('<div class="mobile-summary"></div>'); 

Элемент должен быть div перед тем, где вы хотите, чтобы код работал, например

 <div id="content> <div class="mobile-summary"> <img src="image.jpg" /> </div> </div> 

Без URL-адреса для работы из него сложно дать 100% -ный ответ, но это даст вам отправную точку