在使用 WoodMart 构建 WooCommerce 商城时,单个产品页面的设计非常关键。一个清晰、完整的产品详情页有助于提升转化效果,并展现专业形象。
下面是使用 WoodMart 主题设置面板,搭建产品详情页的完整操作方法:
一、进入产品详情页设置面板
操作步骤:
登录 WordPress 后台
打开 WoodMart → Theme Settings(主题设置)
进入左侧菜单中的 Single Product(单个产品)
二、页面布局设置
在 Single Product 设置中可进行以下配置:
设定是否启用边栏,默认是 Full Width(全宽),即无边栏显示从多个预设产品布局中选择:例如左图右文、全宽排列等调整产品画廊的缩略图样式、间距、左右位置(桌面与手机可分别设置)设置主图点击后的行为(如弹出灯箱)
三、添加购买按钮与交互行为
在 Add to Cart 区域,可以完成如下设置:
控制购物按钮是否使用 AJAX 行为启用粘性购买按钮,使页面滚动时按钮保持固定增加“立即购买”按钮,引导快速下单
自定义添加按钮前后所显示的文字内容
四、页面元素显示控制
在 Elements 部分,可选择以下内容是否展示:
启用或关闭面包屑导航、上一/下一商品按钮显示或隐藏产品简短描述段落设置库存状态的文字和颜色样式添加促销倒计时,营造紧迫氛围展示分类、标签等基础信息
五、评论与评分展示方式
进入 Review 设置区域后,可完成以下调整:
设定评论显示为标签页或单独展开区域自由选择显示的列数和视觉样式开启评分打分功能设置评论附图展示方式与星级评分样式
六、标签页内容管理
在 Tab 区域中:
自由调整内容标签页的排布样式添加更多自定义标签页,如“尺寸参考”、“配送说明”等信息模块
七、关联产品与推荐内容设置
在 Related & Upsells 中:
管理关联产品区域的显示样式、排列顺序与数量设置推荐商品的展示方式与排序位置
八、访客统计与销量展示
页面支持开启以下附加模块:
启用访客计数器,显示当前商品的访问次数添加销量展示数字,提升页面的活力与信任度
总结
WoodMart 拥有强大的产品详情页设置功能,几乎覆盖所有展示需求。借助这些设置,可以在不接触代码的情况下,完成页面样式控制、元素开关、互动行为设置,让商城商品页面在视觉和结构上更贴合目标内容需求。