如何在WooCommerce中定制产品页面

Question

我已经创建了一个与店面一起工作的子主题，并且正在努力定制各个产品页面的布局。

在singleproduct.php下，我希望看到可以操作的html标记，但实际上声明的是：

wc_get_template_part( 'content', 'single-product' );

无法访问实际代码…

同样，使用我的搜索栏，我需要将代码添加到单个产品搜索结果中。但在search.php中声明了以下内容：

get_template_part( 'loop' );

再次，迫使我使用JS和CSS来尽我所能操纵外观。

Answer 1

请查看get_template_part()函数：https://developer.wordpress.org/reference/functions/get_template_part/以及wooccommerce模板结构：https://docs.woocommerce.com/document/template-structure/

---

使用wooccommerce，您可以以更新安全的方式编辑模板文件：

1. 在主题的文件夹(wp-content/themes/yourtheme(中创建一个名为woocommerce的空文件夹
2. 转到wooccommerce插件中的template目录(wp-content/plugins/woocommerce/templates(并复制名为content-single-product.php的文件
3. 将文件粘贴到主题文件夹中刚创建的名为woocommerce的文件夹中
4. 你现在可以进行调整并保留它们，即使wooccommerce插件更新了

---

在search.php文件中，您正在加载一个名为loop.php的文件，该文件应位于主题文件夹(wp-content/themes/yourtheme(中。编辑此文件以进行更改。根据您使用的主题，您的主题中可能有一个子文件夹template-parts或类似的子文件夹。