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

Question

我想为 WooCommerce 迷你购物车创建一个自定义小部件，但也想保留 WC 的默认迷你购物车小部件，所以我不想通过将 mini-cart.php 复制到我的主题来覆盖模板。我刚刚从插件的小部件目录 (plugins/woocommerce/includes/widgets/class-wc-widget-cart.php) 复制了小部件 class，还通过复制默认的 mini-cart.php' 为迷你购物车创建了一个新的模板文件s 代码在我的主题目录下的文件中，例如custom-mini-cart.php 这只是核心文件的修改版本。现在我想为我的小部件加载该模板文件。如您所见，我正在使用的小部件 class 与核心小部件的 class:

非常相似

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 在 class 的小部件函数中调用该文件的地方是：

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

编码愉快:)

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

How to load custom template for woocommerce mini cart in custom widget

wordpress

woocommerce