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

Question

我想为 WooCommerce 迷你购物车创建一个自定义小部件，但也想保留 WC 的默认迷你购物车小部件，所以我不希望通过将 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

迷你推车 Hook :

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 有非常好的钩子(Hook)，您可以在主题开发中使用，请查看第一个链接以查看所有钩子(Hook)。
快乐编码:)