WordPress-WooCommerce页面编辑异常及侧边栏拼写错误求助

1. 商店页面编辑器空白的原因及处理 #

WooCommerce的默认商店页面是动态渲染的，编辑器里看不到内容属于正常机制——页面内容由插件/主题的模板文件生成，无需在编辑器直接编辑。要调整页面元素，可通过以下方式：

• 侧边栏控制：在「外观 > 自定义 > WooCommerce > 商店页面」中开关侧边栏
• 产品菜单/页面结构：修改主题的archive-product.php模板文件，或使用钩子(woocommerce_before_main_content/woocommerce_after_main_content)移除不需要的元素

2. 侧边栏拼写错误修复 #

针对「Brows by categories」的拼写错误，有两种修复方式：

方法1：修改主题语言文件 #

• 找到主题目录下的languages文件夹，打开对应语言的.po文件（如zh_CN.po）
• 用Poedit工具搜索错误文本「Brows by categories」，替换为「Browse by categories」，保存后生成.mo文件覆盖原文件

方法2：添加代码片段 #

在主题的functions.php或自定义代码插件中加入以下代码：

add_filter('gettext', 'fix_category_browse_text', 20, 3);
function fix_category_browse_text($translated_text, $text, $domain) {
    if ($text === 'Brows by categories') {
        $translated_text = 'Browse by categories';
    }
    return $translated_text;
}

3. 设置目录模式（移除购买功能） #

方法1：WooCommerce自带设置 #

• 进入「WooCommerce > 设置 > 产品 > 常规」，找到「目录可见性」，选择「隐藏添加到购物车按钮和价格」
• 如需精细化控制，可在单个产品编辑页的「目录可见性」选项中单独设置

方法2：代码片段实现全局目录模式 #

添加以下代码到functions.php或代码插件：

// 移除添加到购物车按钮
remove_action('woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);

// 隐藏价格
add_filter('woocommerce_get_price_html', '__return_empty_string');
add_filter('woocommerce_cart_item_price', '__return_empty_string');
add_filter('woocommerce_cart_item_subtotal', '__return_empty_string');

方法3：使用专用插件 #

安装「WooCommerce Catalog Mode」插件，通过可视化界面一键开启目录模式，可自定义隐藏价格、购物车按钮，设置询价按钮等。

4. 替代WooCommerce的产品目录方案 #

若不想使用WooCommerce，推荐两种方案：

• WP Product Catalog：专注产品目录展示的插件，支持分类展示、产品详情页、自定义字段，无电商功能冗余
• 自定义帖子类型+模板：创建「产品」自定义帖子类型，配合主题自定义模板(single-product.php/archive-product.php)搭建纯目录页面，完全可控

内容的提问来源于stack exchange，提问作者rts-BPCs