我用不同的方式做了同样的事情,现在它就像我想要的那样堆叠起来,用一个div包装内容。
这将单个产品woocommerce输出堆叠如下:
标题价格添加到购物车/属性摘录Meta图像价格添加到购物车/属性选项卡向上销售相关所以现在在大视口上,我们浮动。product div.images向左浮动。右侧的product div.summary,清除后面的内容。隐藏。大视口上的页脚购物车部分,现在手机上的人不必滚动图像的整个高度来添加到购物车中-如果他们愿意的话。
在函数中。php
if ( in_array( \'woocommerce/woocommerce.php\', apply_filters( \'active_plugins\', get_option( \'active_plugins\' ) ) ) ) {
// ==== wrap in div
function output_opening_div() {
echo \'<div class="footer-cart-section">\';
}
function ouput_closing_div() {
echo \'</div><!-- /.footer-cart-section -->\';
}
// ==== put the excerpt below the add to cart and before the meta
remove_action(\'woocommerce_single_product_summary\', \'woocommerce_template_single_excerpt\',20);
add_action(\'woocommerce_single_product_summary\', \'woocommerce_template_single_excerpt\',35);
// ==== move images (with the thumbs) below the content
remove_action( \'woocommerce_before_single_product_summary\', \'woocommerce_show_product_images\', 20 );
add_action( \'woocommerce_after_single_product_summary\', \'woocommerce_show_product_images\', 50);
// ==== move all the content after images
remove_action( \'woocommerce_after_single_product_summary\', \'woocommerce_output_product_data_tabs\', 10 );
remove_action( \'woocommerce_after_single_product_summary\', \'woocommerce_upsell_display\', 15 );
remove_action( \'woocommerce_after_single_product_summary\', \'woocommerce_output_related_products\', 20 );
add_action( \'woocommerce_after_single_product\', \'woocommerce_output_product_data_tabs\', 20);
add_action( \'woocommerce_after_single_product\', \'woocommerce_upsell_display\', 20);
add_action( \'woocommerce_after_single_product\', \'woocommerce_output_related_products\', 20 );
// ==== repeat cart after image with opening and closing div functions
add_action(\'woocommerce_after_single_product\',\'output_opening_div\',9);
add_action( \'woocommerce_after_single_product\', \'woocommerce_template_single_price\', 10 );
add_action( \'woocommerce_after_single_product\', \'woocommerce_template_single_add_to_cart\', 10 );
add_action(\'woocommerce_after_single_product\',\'ouput_closing_div\',10);
}// end if woocommerce