Гений подобен холму, возвышающемуся на равнине (К. Прутков).

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

FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
17 декабря 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.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Читайте также

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

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

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

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

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

close
galka

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

close