WoodMart 主题提供了强大的 WooCommerce 产品展示功能,支持产品网格和rotate模式,能够让商品更加灵活和直观的方式呈现给访客。无论是按类别、标签、产品 ID 还是销售状态进行筛选,WoodMart 都能够满足各种电商需求,提供多种自定义选项,使产品展示更具吸引力。
![图片[1]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置](https://www.361sale.com/wp-content/uploads/2025/03/20250321154728824-image.png)
产品网格与轮播组件
WoodMart 主题内置的Product Grid和轮播组件支持多种排列方式,可自定义列数、显示方式、商品来源等选项,确保不同类型的商店都能找到合适的展示方式。
Basic Functions
网格或轮播 该组件可以让用户选择网格或轮播模式展示商品,适用于不同的布局需求。
![图片[2]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置](https://www.361sale.com/wp-content/uploads/2025/03/20250321153739731-image.png)
数据来源 支持按多种方式筛选产品:
- 全部产品 默认显示所有商品。
- Featured Products 显示在 WooCommerce 商品列表中被标记为“特色”的商品。
![图片[3]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置](https://www.361sale.com/wp-content/uploads/2025/03/20250321154102660-image.png)
- Promotional Products 展示同时具有原价和促销价的商品。
![图片[4]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置](https://www.361sale.com/wp-content/uploads/2025/03/20250321154118219-image.png)
- 新品 需要在主题设置中启用新品标签,并在商品编辑页面勾选“新品”选项后生效。
![图片[5]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置](https://www.361sale.com/wp-content/uploads/2025/03/20250321154138904-image.png)
- 畅销商品 按销量排序,优先显示最受欢迎的商品。
- 特定 ID 可以让直接输入产品 ID 进行筛选,无需依赖分类或标签。
- 按分类或标签 可从单个或多个分类、标签中选择商品进行展示,支持单独筛选分类或标签,但无法同时使用。
![图片[6]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置](https://www.361sale.com/wp-content/uploads/2025/03/20250321153818164-image.png)
每页商品数量 可设置每页显示的商品数量。
分页方式 若设置的商品数量少于总数量,则可以选择以下分页模式:
- 无分页 只显示设定数量的商品,无法加载更多。
- Load More 用户可点击按钮加载更多商品。
- 无限滚动 页面向下滚动时自动加载新商品。
- 箭头navigator 鼠标悬停时显示左右箭头,点击可切换商品组。
瀑布流布局 可以开启瀑布流布局,提升页面视觉层次感。
商品间距 可自定义商品之间的间距,提供 30、20、10、6、2、0 像素选项,适应不同风格的设计。
产品网格设计选项
WoodMart 提供了多种设计选项,能够灵活调整商品展示效果,使页面更加协调统一。
hover effect 可选择不同的鼠标悬停样式,为商品展示增加动态效果。
![图片[7]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置](https://www.361sale.com/wp-content/uploads/2025/03/20250321154024380-image.png)
列数设置 可根据需求选择 1 至 6 列的展示方式,适用于不同页面布局。
Image Size 可输入标准 WordPress 尺寸(如 thumbnail、medium、large、full)或自定义像素值,如 200×100,控制商品图片显示大小。
Promotion Countdown 可启用促销倒计时,需先在商品编辑页面设定促销结束时间后,该倒计时才会显示在商品缩略图上。
高亮商品 该选项可以创建特殊的商品区块,醒目方式推广特定产品。
![图片[8]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置](https://www.361sale.com/wp-content/uploads/2025/03/20250321154038309-image.png)
数据排序与筛选选项
Sort by 可选择按日期、商品 ID、作者、标题、修改时间、评论数、菜单顺序、随机、价格等方式进行排序。升序或降序 所有排序选项都可设置为升序或降序,满足不同展示需求。偏移量 允许设定跳过一定数量的商品,自定义起始商品位置。排除商品 可选择按商品标题排除特定商品,避免重复展示或隐藏特定产品。
![图片[9]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置](https://www.361sale.com/wp-content/uploads/2025/03/20250321154418266-image.png)
轮播模式设置
当启用rotate模式时,会增加一组额外的设置选项,优化滑动效果。
- 滑动速度:可调整幻灯片切换的动画时间,单位为毫秒。
- 每次显示商品数量:设置轮播视图内同时展示的商品数量。
- 整页滚动:决定轮播切换方式,可选择按单个商品滚动或整页滚动,影响导航按钮与鼠标拖动方式。
- autoplay:允许幻灯片自动切换,无需用户手动操作。
- 隐藏分页控制:开启后,轮播下方的分页指示器将被移除。
- 隐藏左右切换按钮:开启后,轮播的上一页/下一页按钮将不显示,适用于简约风格设计。
- 居中模式:启用后,轮播首个商品始终居中,适用于需要突出商品的展示场景。
- 循环模式:启用后,轮播将无限循环,不会在最后一张幻灯片时停止,适合需要持续展示内容的页面。
这些选项可灵活调整轮播效果,使商品展示更符合商店需求。
![图片[10]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置](https://www.361sale.com/wp-content/uploads/2025/03/20250321154519694-image.png)
summarize
WoodMart 主题的产品网格与rotate功能提供了高度自定义的展示方式,使 WooCommerce 商店能够更加直观、灵活的方式展示商品。从基础的商品筛选,到高级的分页、排序、轮播设置,WoodMart 使商品展示更加个性化和高效。
Link to this article:https://www.361sale.com/en/47005The article is copyrighted and must be reproduced with attribution.
No comments