如何编辑 WooCommerce 店面商店页面答案

【问题标题】：How to edit the WooCommerce storefront shop page如何编辑 WooCommerce 店面商店页面
【发布时间】：2021-11-17 02:11:10
【问题描述】：

我正在构建店面 WooCommerce 主题的子主题。如何编辑商店页面，我似乎找不到它的 php 模板。我应该查看哪些文件？

【问题讨论】：

创建一个模板文件，使用它创建一个 wordpress 页面，并将该页面分配为 woocommerce 后端中的商店页面
谢谢，但我正在寻找如何编辑它，而不是如何为它创建一个新页面。
您可以根据您的主题结构编辑页面上的更改 - @Pim
就像我说的，我使用的是 WooCommerce 的标准 Storefront 主题。
具体来说，您要编辑什么？您将使用子主题来执行此操作。参考：docs.woocommerce.com/document/set-up-and-use-a-child-theme

标签： wordpress woocommerce storefront

【解决方案1】：

您不会在 StoreFront 主题中找到模板文件，因为它们正在使用挂钩更改商店页面，您可以在其中找到这些挂钩

inc>woocommerce>storefront-woocommerce-template-hooks.php

因此，如果您想针对特定区域，您需要删除该操作并使用您的自定义输出再次添加

例如，假设您要删除 StoreFront 分页，您可以从您的子主题中执行以下操作：

add_action('woocommerce_before_main_content', 'remove_shop_hooks');

function remove_shop_hooks()
{

remove_action('woocommerce_before_shop_loop', 'storefront_woocommerce_pagination', 30);
}

然后您就可以正常添加您的自定义功能示例：

add_action('woocommerce_before_shop_loop', 'testfunc', 10);

function testfunc()
    {
        echo 'test';
    }

【讨论】：

我删除了 inc>woocommerce>storefront-woocommerce-template-hooks.php 中的所有内容，当我转到我的网站索引时。商店页面仍然出现并且可以看到产品。所以这不是它

【解决方案2】：

Storefront 没有自己的文件呈现商店页面，它使用钩子来修改插件目录中woocommerce/templates/archive-product.php 文件的内容。

【讨论】：