如何在结帐页面上显示 WooCommerce 购物车项目？答案

【问题标题】：How to display WooCommerce cart items on the checkout page?如何在结帐页面上显示 WooCommerce 购物车项目？
【发布时间】：2013-12-13 12:00:57
【问题描述】：

我在这个网站上工作，我被要求将购物车物品列表添加到结帐页面。我决定添加

[woocommerce_cart]

结帐页面的简码，位于上方

[woocommerce_checkout]

简码并简单地使用 CSS 来隐藏结帐页面上购物车中的“继续结帐 ->”按钮。

但是，这带来了一个新问题。现在，当在结帐页面上选择送货时，它默认为购物车页面上为购物车设置的任何送货......即使在结帐页面上选择了新的送货。

显然，这不是将购物车输出添加到结帐页面的方法。

是否有一个短代码仅用于显示购物车商品本身？

我需要编辑哪些内容才能在结帐页面上显示购物车商品？

【问题讨论】：

标签： php wordpress woocommerce checkout shortcode

【解决方案1】：

我将回答我自己的问题，因为我通过一些额外的探索解决了它。希望以后能对其他人有所帮助。

我没有找到可以简单地将购物车添加到结帐页面顶部的简码。我不得不直接编辑模板文件。

所以，我复制了：

/wp-content/plugins/woocommerce/templates/checkout/form-checkout.php

到：

/wp-content/mytheme/woocommerce/checkout/form-checkout.php

直接对该文件进行编辑，以便在升级 WooCommerce 时不会丢失它们。然后我从以下位置复制了表单代码：

/wp-content/plugins/woocommerce/templates/cart/cart.php

并将其粘贴到我复制到我的主题目录的文件中：

/wp-content/mytheme/woocommerce/checkout/form-checkout.php

我希望表单出现在哪里。

可能有更优雅的方式，但这解决了我的问题。

【讨论】：

要仅获取无法修改购物车的产品列表，您可以注释掉列和整个最后一行以删除更新按钮。我注释掉了第 1、2、4、5 列和最后一行。对于列，请确保注释掉标题和内容

【解决方案2】：

你也可以为此使用钩子

// put this in functions.php, it will produce code before the form
add_action('woocommerce_before_checkout_form','show_cart_summary',9);

// gets the cart template and outputs it before the form
function show_cart_summary( ) {
  wc_get_template_part( 'cart/cart' );
}

我创建了一个 cart-part.php 模板，其中仅包含购物车表，并将代码替换为 wc_get_template_part( 'cart/cart','part' );强>

【讨论】：

【解决方案3】：

更简单的方法是将以下代码添加到您的子主题中的 functions.php 文件中。

这样您就不需要添加任何模板或更改任何核心 woocommerce 代码。

function remove_cart_collaterals() {
    if (is_checkout()) {
        remove_action('woocommerce_cart_collaterals', 'woocommerce_cross_sell_display');
        remove_action('woocommerce_cart_collaterals', 'woocommerce_cart_totals', 10);
    }
}
add_action('wp', 'remove_cart_collaterals');

【讨论】：