Введите часть искомого слова, названия или фразы...
↑ ↓
  1. Новые темы озаглавленные с маленькой буквы - удаляются без предупреждения!
  2. Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

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

Тема в разделе "Вопросы, советы и доработки.", создана пользователем kirill083, 21 сен 2016.

  1. kirill083

    kirill083

    Сообщения:
    8
    Симпатии:
    0
    Баллы:
    1
    Доброго времени суток!
    Подскажите пожалуйста как сделать вывод краткого описание товара не справа от изображение товара а ниже под кнопкой добавить в корзину во всю ширину страницы.
    Спасибо.
     
  2. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Может сильно зависеть от темы, если кастомизировались типовые шаблоны 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;
     }
    Результат (см. скриншот).
     
    • Нравится Нравится x 2
  3. kirill083

    kirill083

    Сообщения:
    8
    Симпатии:
    0
    Баллы:
    1
    спасибо огромное!!!! ваш пост в избранное!!