自定义Woocommerce购物车小部件

时间:2018-05-31 19:58:11

标签: php wordpress woocommerce cart hook-woocommerce

我正在尝试自定义woocommerce购物车小部件,并使其更像“视觉”,如下例所示。我已经研究过,似乎我可以override the woocommerce cart widget通过钩子woocommerce_mini_cart()以我自己的行为。

最终结果我想: enter image description here

是否可以通过这种方法修改购物车小部件的核心功能,通过 functions.php 文件实现这样的目标,还是需要CSS?

if ( ! function_exists( ‘woocommerce_mini_cart’ ) ) {
function woocommerce_mini_cart( $args = array() ) {

$defaults = array( ‘list_class’ => ” );
$args = wp_parse_args( $args, $defaults );
woocommerce_get_template( ‘cart/mini-cart.php’, $args );

}
//*MODIFY HERE?*
}

或者有人知道一个可以解决这个问题的woocommerce插件吗?

1 个答案:

答案 0 :(得分:0)

尽管这个问题对它的作者来说已经不现实了,
我想分享一些代码来修改默认的woocommerce_mini_cart()输出:
1)最困难的步骤-为woocommerce_mini_cart()函数禁用ECHO
2)根据需要更改输出HTML;
3)回显格式的HTML。

1)

function disable_echo_for_woocommerce_mini_cart() {
   $mini_cart_html = woocommerce_mini_cart(); 
   return $mini_cart_html;
}

2)

$mini_cart_html = disable_echo_for_woocommerce_mini_cart();
$mini_cart_html = str_replace('some_code', 'some_code_2', $mini_cart_html); // change output HTML.
$mini_cart_html = ob_get_clean();

3)

echo $mini_cart_html;