如何在自定义小部件中加载woocommerce迷你购物车的自定义模板

Question

我想为WooCommerce Mini Cart创建一个自定义小部件，但也想保留WC的默认Mini Cart小部件，因此我不希望通过将mini-cart.php复制到主题来覆盖模板。我刚刚从插件的小部件目录（plugins / woocommerce / includes / widgets / class-wc-widget-cart.php）中复制了小部件类，还通过复制默认的mini-cart.php代码为迷你购物车创建了新的模板文件在我主题目录下的文件中，例如custom-mini-cart.php，它只是核心文件的修改版本。现在，我想为我的窗口小部件加载该模板文件。如您所见，我正在使用的小部件类与核心小部件的类非常相似：

class WC_Dropdown_Cart extends WC_Widget {

    public function __construct() {
        $this->widget_cssclass    = 'woocommerce widget_shopping_cart';
        $this->widget_description = __( "Custom Mini Cart", 'woocommerce' );
        $this->widget_name        = __( 'Custom Mini Cart', 'woocommerce' );
        $this->widget_id          = 'woocommerce_widget_custom_mini_cart';
        $this->settings           = array(
            'title'  => array(
                'type'  => 'text',
                'std'   => __( 'Cart', 'woocommerce' ),
                'label' => __( 'Title', 'woocommerce' )
            ),
            'hide_if_empty' => array(
                'type'  => 'checkbox',
                'std'   => 0,
                'label' => __( 'Hide if cart is empty', 'woocommerce' )
            )
        );
        parent::__construct();
    }

    function widget( $args, $instance ) {
    if ( is_cart() || is_checkout() ) {
        return;
    }

        $hide_if_empty = empty( $instance['hide_if_empty'] ) ? 0 : 1;

        $this->widget_start( $args, $instance );

        if ( $hide_if_empty ) {
            echo '<div class="hide_cart_widget_if_empty">';
        }

        // Insert cart widget placeholder - code in woocommerce.js will update this on page load
        echo '<div class="widget_shopping_cart_content"></div>';

        if ( $hide_if_empty ) {
            echo '</div>';
        }

        $this->widget_end( $args );
    }

}

WooCommerce在类的窗口小部件函数内调用该文件的要点是：

echo '<div class="widget_shopping_cart_content"></div>';

但是WooCommerce用Javascript的方式来做，但我无法解决。在这里做什么步骤？

Answer 1

一个更简单的解决方案是使用 WooCommerce Hooks：

https://woocommerce.github.io/code-reference/namespaces/default.html

迷你车挂钩：

https://woocommerce.github.io/code-reference/namespaces/default.html#function_woocommerce_mini_cart

您可以根据您从 WooCommerce 原始代码复制和修改的代码创建自定义模板，然后使用以下操作删除 WooCommerce 默认值：

remove_action( 'woocommerce_after_mini_cart', 'action_woocommerce_after_mini_cart', 10, 0 );

然后template/file使用以下操作加载您的：

add_action( 'woocommerce_after_mini_cart', get_template_part('your-template-path'), 10, 0 );

WooCommerce 有非常好的钩子，您可以在主题开发中利用，请检查第一个链接以查看所有钩子。

快乐编码:)