ИТ Блог. Администрирование серверов на основе Linux (Ubuntu, Debian, CentOS, openSUSE)
Вторник, 18 февраля, 2025

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

Хотите знать, как добавить цифровые продукты 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 }

Exit mobile version