• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Решено Вывод краткого описание товара

kirill083

Новичок
Доброго времени суток!
Подскажите пожалуйста как сделать вывод краткого описание товара не справа от изображение товара а ниже под кнопкой добавить в корзину во всю ширину страницы.
Спасибо.
 

searchingman

Гуру
Местный
Может сильно зависеть от темы, если кастомизировались типовые шаблоны WooCommerce.

Общий принцип на примере темы Storefront.

1. Весь вывод блоков (заголовок, краткое описание, цена, метаданные и т.д.) завязан на хуки у которого устанавливается приоритет.
PHP:
            /**
             * woocommerce_single_product_summary hook.
             *
             * @hooked woocommerce_template_single_title - 5
             * @hooked woocommerce_template_single_rating - 10
             * @hooked woocommerce_template_single_price - 10
             * @hooked woocommerce_template_single_excerpt - 20
             * @hooked woocommerce_template_single_add_to_cart - 30
             * @hooked woocommerce_template_single_meta - 40
             * @hooked woocommerce_template_single_sharing - 50
             */


        /**
         * woocommerce_after_single_product_summary hook.
         *
         * @hooked woocommerce_output_product_data_tabs - 10
         * @hooked woocommerce_upsell_display - 15
         * @hooked woocommerce_output_related_products - 20
         */
2. Нужно переместить блок краткого описания 'woocommerce_template_single_excerpt' перед выводом вкладок на всю ширину.
Для этого в functions.php темы вставляем код
PHP:
// удаляем прежний вывод блока краткого описания.
remove_action('woocommerce_single_product_summary','woocommerce_template_single_excerpt', 20);
// вставляем блок краткого описания перед вкладками
add_action('woocommerce_after_single_product_summary','woocommerce_template_single_excerpt', 5);
3. Для размещения блока краткого описания по всей ширине требуется поправить стили.
В style.css темы можно вставить код
HTML:
.single-product div.product div[itemprop="description"] {
     clear:both;
 }
Результат (см. скриншот).
 
Сверху Снизу