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

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

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

searchingman

Гуру
Местный
#2
Может сильно зависеть от темы, если кастомизировались типовые шаблоны 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;
 }
Результат (см. скриншот).
 
Сверху Снизу