Последние новости:

Поиск по сайту:

Жизнь не горька для того, кто твердо убежден, что вовсе не жить — не беда (Эпикур).

Как переместить активное описание продукта WooCommerce на вкладку «Описание продукта»1 мин для чтения

FavoriteLoadingДобавить в избранное
17.12.2019
Хотите знать, как добавить цифровые продукты WooCommerce? Вот наш гид

В этой статье мы напишем как отобразить активное описание варианта WooCommerce на вкладке «Описание продукта» по умолчанию.

Описание варианта обычно выводится в области сводки продукта на странице отдельного продукта. Это описание варианта не отображается по умолчанию. Он отображается, когда клиент выбирает соответствующие параметры продукта (называемые атрибутами). Это включает в себя такие вещи, как размер, цвет и т. д.

Если выбраны эти параметры, описание варианта обычно отображается в области сводки продукта прямо под выбранными параметрами продукта.

Как его переместить вниз на вкладку описания продукта, которая выводится под изображением/галереей продукта и областью сводки продукта?

Ниже приведен код, который вы можете добавить в файл functions.php вашего файла тем, чтобы переместить описание варианта продукта WooCommerce на вкладку «Описание продукта».

Если вы хотите изменить место добавления описания варианта, просто измените «#tab-description» в строке 11 фрагмента на другой элемент на странице «Один продукт».

Дайте нам знать, если это поможет вам!

<?php
// Переместить описание вариации на вкладку описание продукта
add_action( 'wp_footer', 'ec_child_modify_wc_variation_desc_position' );
function ec_child_modify_wc_variation_desc_position() { ?>
    <script>
    (function($) {
        $(document).on( 'found_variation', function() {
            var desc = $( '.woocommerce-variation.single_variation' ).find( '.woocommerce-variation-description' ).html();

            var $entry_summary = $( '#tab-description' ), $wc_var_desc = $entry_summary.find( '.woocommerce-variation-description' );

            if ( $wc_var_desc.length == 0 ) {
                $entry_summary.append( '<div class="woocommerce-variation-description"></div>' );
            }

            $entry_summary.find( '.woocommerce-variation-description' ).html( desc );
        });
    })( jQuery );

    </script>

    <style>
        form.variations_form .woocommerce-variation-description {
            display: none;
        }
    </style>

<?php }

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Читать  Как отобразить в записи WordPress миниатюры с подписями
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
Поделиться в соц. сетях:

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

**ссылки nofollow

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии

Это может быть вам интересно

Рекомендуемое
Чилим является важной деталью конструкции. Именно с этого аксессуара начинается…
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить

Спасибо! Ваша заявка принята

close

Спасибо! Ваша заявка принята

close