Woo Commerce，如何编辑结帐页面

Question

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

Answer 1

为了覆盖您要查找的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。

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

Answer 2

Divi具有主题生成器，可以绝对让您自定义设计产品页面：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/