Woocommerce，如何编辑结帐页面

Posted 2023-02-19

【中文标题】Woocommerce，如何编辑结帐页面

【英文标题】：Woo Commerce , how to edit checkout page

【发布时间】：2020-08-07 19:55:27

【问题描述】：

我正在尝试在 Woocommerce 上编辑产品和结帐页面。我们安装了 Divi 主题，但它不允许我自定义产品页面。有谁知道我在哪里可以找到生成产品页面的文件以便我可以编辑它们？例如，我想删除产品图片，并将其设置为 2 列布局而不是 1 列。我知道 php/html/JS/CSS，所以一旦找到编辑位置，我就可以对其进行编辑。

【参考方案1】：

Divi 拥有 Theme Builder，绝对可以让您自定义设计产品页面：https://www.elegantthemes.com/blog/theme-releases/divi-4

这里有一些例子：

https://www.elegantthemes.com/examples/product/divi-theme-builder-6/
https://www.elegantthemes.com/examples/product/divi-theme-builder-5/
https://www.elegantthemes.com/examples/product/divi-theme-builder-4/
https://www.elegantthemes.com/examples/product/divi-theme-builder-3/
https://www.elegantthemes.com/examples/product/divi-theme-builder-2/
https://www.elegantthemes.com/examples/product/divi-theme-builder-1/

【参考方案2】：

为了覆盖您寻找的 woocommerce 模板：

如果您的主题根文件夹中不存在woocomerce folder，则添加一个并将其命名为woocommerce，例如YourTheme->woocommerce 然后在您的woocommerce 文件夹中添加一个文件夹并将其命名为checkout 进入您的wp-content->plugins->woocommerce->templates->checkout 并复制 你想要覆盖的文件theme->woocommerce->checkout 文件夹 在wp-content->plugins->woocommerce->templates 您还可以找到 content-product.php & content-single-product.php。复制两者并将它们添加到您的theme->woocommerce folder。

然后您可以开始编辑要更改的文件

【讨论】：

我的 wordpress 中有文件夹，但在结帐时有 3 个部门来自 3 个差异页面，我想知道这 3 个页面是如何包含在结帐页面中的。这样就很容易达到我的要求。并感谢您的宝贵回复。

【参考方案3】：

首先，您需要创建子主题。

然后，转到子主题的 WooCommerce 文件夹，这里是结帐页面的模板层次结构：https://woocommerce.com/document/template-structure/

www.YourWebsiteURL.com/woocommerce.5.9.0/woocommerce/templates/checkout/在这里您可以访问结帐模板。

如果有帮助，请告诉我！