WoodMart 主题的 WooCommerce 产品网格与轮播功能

WoodMart 主题提供了强大的 WooCommerce 产品展示功能,支持产品网格和tourner模式,能够让商品更加灵活和直观的方式呈现给访客。无论是按类别、标签、产品 ID 还是销售状态进行筛选,WoodMart 都能够满足各种电商需求,提供多种自定义选项,使产品展示更具吸引力。

图片[1]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置

产品网格与轮播组件

WoodMart 主题内置的产品网格和轮播组件支持多种排列方式,可自定义列数、显示方式、商品来源等选项,确保不同类型的商店都能找到合适的展示方式。

Fonctions de base

网格或轮播 该组件可以让用户选择网格或轮播模式展示商品,适用于不同的布局需求。

图片[2]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置

数据来源 支持按多种方式筛选产品:

  • 全部产品 默认显示所有商品。
  • Produits vedettes 显示在 WooCommerce 商品列表中被标记为“特色”的商品。
图片[3]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置
  • 促销产品 展示同时具有原价和促销价的商品。
图片[4]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置
  • nouveau produit 需要在主题设置中启用新品标签,并在商品编辑页面勾选“新品”选项后生效。
图片[5]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置
  • 畅销商品 按销量排序,优先显示最受欢迎的商品。
  • 特定 ID 可以让直接输入产品 ID 进行筛选,无需依赖分类或标签。
  • 按分类或标签 可从单个或多个分类、标签中选择商品进行展示,支持单独筛选分类或标签,但无法同时使用。
图片[6]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置

每页商品数量 可设置每页显示的商品数量。

分页方式 若设置的商品数量少于总数量,则可以选择以下分页模式:

  • 无分页 只显示设定数量的商品,无法加载更多。
  • Plus d'informations 用户可点击按钮加载更多商品。
  • 无限滚动 页面向下滚动时自动加载新商品。
  • 箭头navigateur 鼠标悬停时显示左右箭头,点击可切换商品组。

瀑布流布局 可以开启瀑布流布局,提升页面视觉层次感。

商品间距 可自定义商品之间的间距,提供 30、20、10、6、2、0 像素选项,适应不同风格的设计。

产品网格设计选项

WoodMart 提供了多种设计选项,能够灵活调整商品展示效果,使页面更加协调统一。

effet de survol 可选择不同的鼠标悬停样式,为商品展示增加动态效果。

图片[7]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置

列数设置 可根据需求选择 1 至 6 列的展示方式,适用于不同页面布局。

Taille de l'image 可输入标准 WordPress 尺寸(如 thumbnail、medium、large、full)或自定义像素值,如 200×100,控制商品图片显示大小。

Compte à rebours de la promotion 可启用促销倒计时,需先在商品编辑页面设定促销结束时间后,该倒计时才会显示在商品缩略图上。

高亮商品 该选项可以创建特殊的商品区块,醒目方式推广特定产品。

图片[8]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置

数据排序与筛选选项

Trier par 可选择按日期、商品 ID、作者、标题、修改时间、评论数、菜单顺序、随机、价格等方式进行排序。升序或降序 所有排序选项都可设置为升序或降序,满足不同展示需求。偏移量 允许设定跳过一定数量的商品,自定义起始商品位置。排除商品 可选择按商品标题排除特定商品,避免重复展示或隐藏特定产品。

图片[9]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置

轮播模式设置

当启用tourner模式时,会增加一组额外的设置选项,优化滑动效果。

  • 滑动速度:可调整幻灯片切换的动画时间,单位为毫秒。
  • 每次显示商品数量:设置轮播视图内同时展示的商品数量。
  • 整页滚动:决定轮播切换方式,可选择按单个商品滚动或整页滚动,影响导航按钮与鼠标拖动方式。
  • autoplay:允许幻灯片自动切换,无需用户手动操作。
  • 隐藏分页控制:开启后,轮播下方的分页指示器将被移除。
  • 隐藏左右切换按钮:开启后,轮播的上一页/下一页按钮将不显示,适用于简约风格设计。
  • 居中模式:启用后,轮播首个商品始终居中,适用于需要突出商品的展示场景。
  • 循环模式:启用后,轮播将无限循环,不会在最后一张幻灯片时停止,适合需要持续展示内容的页面。

这些选项可灵活调整轮播效果,使商品展示更符合商店需求。

图片[10]-WoodMart 主题 WooCommerce 商品展示指南:产品网格与轮播配置

résumés

WoodMart 主题的产品网格与tourner功能提供了高度自定义的展示方式,使 WooCommerce 商店能够更加直观、灵活的方式展示商品。从基础的商品筛选,到高级的分页、排序、轮播设置,WoodMart 使商品展示更加个性化和高效。


Contactez nous
Vous ne pouvez pas lire l'article ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
Cet article a été écrit par : upupdowndownLRLRBABA
LA FIN
Si vous l'aimez, soutenez-le.
félicitations2213 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires