在woocommerce单一产品页面中,我将页面底部的选项卡移到了主图像的相对侧。我也将简短说明也变成了标签。
仍然存在的问题是选项卡重复并且仍然显示在原始位置。我如何停止此操作,而只是使其与图像相对。我还使用了一个名为ppom的插件,我希望该插件仍可以显示在其原始位置,该位置在标签的正常位置下。
我用来将标签页移动到图像右侧的代码是:
function new_woocommmerce_ppom_price() {
wp_enqueue_script( 'ppom-price', PPOM_URL.'/js/ppom-price.js', array('jquery','ppom-inputs'), PPOM_DB_VERSION, false);
wp_enqueue_script('new_woocommerce_ppom_price', get_stylesheet_directory_uri(). '/woocommerce-product-addon/js/new_woocommerce_ppom_price.js', array('jquery','ppom-inputs'), PPOM_DB_VERSION, true);
}
add_action( 'wp_enqueue_scripts', 'new_woocommmerce_ppom_price',50);
remove_action( 'woocommerce_single_product_summary','woocommerce_template_single_add_to_cart', 30 );
add_action( 'woocommerce_after_single_product_summary','woocommerce_template_single_add_to_cart', 30 );
// Add short description to a custom product tab
add_filter( 'woocommerce_product_tabs', 'add_custom_product_tab', 10, 1 );
function add_custom_product_tab( $tabs ) {
$custom_tab = array(
'custom_tab' => array(
'title' => __( "Short description", "woocommerce" ),
'priority' => 10,
'callback' => 'short_description_tab_content'
)
);
return array_merge( $custom_tab, $tabs );
}
// Custom product tab content
function short_description_tab_content() {
global $post, $product;
$short_description = apply_filters( 'woocommerce_short_description', $post->post_excerpt );
if ( ! $short_description ) {
return;
}
echo '<div class="woocommerce-product-details__short-description">' . $short_description . '</div>'; // WPCS: XSS ok.
}
// Remove short description
//
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 30 );