ИТ Блог. Разработка сайтов на CMS Wordpress
В этой статье мы напишем как отобразить активное описание варианта 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 }
(1 оценок, среднее: 5,00 из 5)
Загрузка...
