Woo Commerce,如何编辑结账页面



我正在Wooccommerce上编辑产品和结账页面。我们安装了Divi主题,但它不允许我自定义产品页面。有人知道我在哪里可以找到生成产品页面的文件,这样我就可以编辑它们吗?例如,我想删除产品图像,使其成为2列布局,而不是1列布局。我知道PHP/HTML/JS/CSS,所以一旦找到编辑位置,我就可以编辑它。

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/

为了覆盖您要查找的wooccommerce模板:

  • 如果主题根文件夹中不存在woocomerce folder,则添加一个并将其命名为woocommerce,如YourTheme->woocommerce
  • 然后在woocommerce文件夹中添加一个文件夹,并将其命名为checkout
  • 进入wp-content->plugins->woocommerce->templates->checkout并复制要在theme->woocommerce->checkout中重写的文件文件夹
  • wp-content->plugins->woocommerce->templates中,您还可以找到content-product.php&CCD_ 10。将两者复制并添加到您的theme->woocommerce folder

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

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

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

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

如果有帮助,请告诉我!

最新更新