Question

我想为WooCommerce Mini Cart创建一个自定义小部件，但是也希望保留WC的默认Mini Cart小部件，所以我不希望通过将mini-cart.php复制到我的主题来覆盖模板。我刚刚从插件的widget目录（plugins / woocommerce / includes / widgets / class-wc-widget-cart.php）中复制了widget类，还通过复制默认的mini-cart.php代码为mini cart创建了一个新的模板文件在我主题目录下的文件中，例如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在该类的widget函数中调用该文件的点是：

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 有非常好的钩子，您可以在主题开发中加以利用，请查看第一个链接以查看所有钩子。

快乐编码:)

如何在自定义小部件

1 个答案: