Поиск по сайту:
Если наука есть память ума, то искусство есть память чувства (В. Солоухин).

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

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)
Загрузка...
Поделиться в соц. сетях:


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

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

**ссылки nofollow

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


Рекомендуемое
Чилим является важной деталью конструкции. Именно с этого аксессуара начинается…

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

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