跳过到主内容

Elementor 中的归档产品布局元素

Elementor 中的归档产品布局站点元素

WPBakery Page Builder 中的归档产品布局元素

WPBakery Page Builder 中的归档产品布局站点元素

Gutenberg 中的归档产品布局块

Gutenberg 中的归档产品布局站点块
Mloun 外贸建站知识库
< 返回
当前位置:
打印
产品归档构建器
创建于
上次更新时间
由Mloun
目录
产品归档布局允许您自定义商店页面、产品分类、标签、品牌、搜索结果和筛选后的产品归档。它们可以使用 Gutenberg、Elementor 或 WPBakery 创建。
创建产品归档布局
1. 导航至 仪表盘 -> 布局 -> 产品归档 并点击添加按钮。
2. 输入布局名称并配置其显示位置。
3. 选择预定义设计或从空白布局开始,然后点击 创建布局。
4. 构建归档并发布布局。






设置布局条件
条件允许您为主商店、特定产品分类法和筛选后的归档状态使用不同的布局。可用条件包括:
当广泛的归档布局需要例外时,请组合使用包含和排除规则。更具体的匹配条件优先于 所有产品归档 布局。
产品归档元素
以下元素显示当前 WooCommerce 归档的数据并提供其目录控件。
归档内容
- 归档产品 — 显示当前归档查询中的产品。当列表必须遵循当前商店、分类法、搜索、分页和筛选状态时,请使用此元素代替手动配置的产品元素。
- WooCommerce 标题 或 归档标题 — 显示当前商店页面、产品分类法或搜索结果的标题。
- 归档描述 — 显示商店页面内容或当前产品分类法术语的描述。
- 分类额外描述 — 显示为当前产品分类配置的附加描述。
- 产品分类 — 显示分类网格或分类导航。
目录控件
- 每页产品数 — 允许客户更改每个归档页面上显示的产品数量。
- 结果计数 — 显示当前结果集中产品的数量和范围。
- 排序方式 — 允许客户按热门程度、评分、日期和价格等选项对产品进行排序。
- 视图 — 提供可用的产品网格或列表视图控件。
- 活动筛选器 — 显示当前应用的筛选器,并允许客户将其移除。
筛选器和侧边栏
- 筛选器区域 — 在水平可折叠部分中显示商店筛选器小部件区域或选定的筛选器 HTML 区块。
- 筛选器区域按钮 — 打开和关闭筛选器区域。当区域应可折叠时,请同时添加两个元素。
- 产品筛选器 — 直接在编辑器中构建筛选表单,无需依赖小部件区域。
- 侧边栏 — 显示选定的小部件区域,通常是外观 → 小工具下配置的商店侧边栏。
支持的 WooCommerce 元素
- 页面标题 — 显示主题页面标题部分,并遵循其全局主题设置。
- WooCommerce 面包屑 — 显示访客当前的目录位置。
- 通知 — 显示 WooCommerce 错误、警告和成功消息。
- WooCommerce 钩子 — 为扩展或自定义代码恢复选定的 WooCommerce PHP 钩子。
相关归档指南
- 向自定义商店布局添加筛选器区域
- 自定义商店布局中的抽屉式侧边栏
- 产品循环项构建器
- WooCommerce 钩子和插件兼容性
视频教程
创建于
上次更新时间
-
一般设置
-
产品管理-B2B展示站
-
主题设置
-
商店设置
- Abandoned cart弃购挽回/购物车跟踪设置
- B2C商店设置向导
- Paypal付款设置
- Size guide table尺码表设置-针对服装和鞋
- Stripe支付设置
- Tax 税率设置
- 产品详情页侧边栏设置
- 优惠券设置
- 促销倒计时设置
- 促销弹窗设置
- 商店基础设置
- 已售出数量/库存进度条设置
- 物流设置及订单发货流程
- 虚拟销售通知信息提示
- 虚拟销售量/虚拟当前访问量
- 设置-满XXX元包邮
- 设置PDF Invoice发票/装箱单
- 货币设置
- 运费设置
- 运费设置案例1
- 邮件模板设置
- 隐藏checkout结账页面的Ship to a different address
- 页眉横幅设置
- 显示所有 (13) 折叠
-
幻灯片教程
-
其它
- B2B添加自定义产品起批量
- CSS-自定义渐变背景
- Facebook Meta Pixel 像素代码安装
- Google Merchant Center
- Mailchimp邮件订阅功能
- Mailgun邮件订阅功能
- PDF账单的中文字符问题
- PHP远程下载文件
- Polylang 多语言
- VPS网络回程线路一键测试脚本
- VPS高负载排查流程
- woocommerce Checkout Field结账条件显示姓名及身份证号码字段
- woocommerce添加自定义字段
- Woodmart自定义功能代码
- Wordpress网站被黑修复
- 为背景图添加遮罩效果
- 产品导入CSV文件转码UTF-8
- 关于隐藏PayPal Standard 标准支付
- 删除外观->菜单->产品类别的分页
- 商店订单列表添加自定义列
- 如何使用 phpMyAdmin 创建新的 WordPress 管理员用户
- 如何使用Google网站管理员 (Google Search Console)提交网站
- 如何申请reCAPTCHA验证码
- 嵌入Youtube视频播放结束后不要显示其它推荐
- 常用插件
- 插入自定义Html block 简码
- 显示 WooCommerce 下载文件列表
- 添加Buy now 按钮-针对simple产品
- 添加自定义销售量
- 火车头采集产品导入woocommerce+SEO yoast
- 禁止Wordpress通知信息
- 移除Nitropack页脚标志
- 简单产品和可变产品添加buy now
- 给woocommerce Order by加on sale排序
- 给Wordpress后台页面添加自定义CSS
- 自定义Add To Cart按钮文字
- 自定义CSS代码
- 表格隔行显示背景
- 隐藏掉woocommerce Product data里面的选项卡
- 显示所有 (29) 折叠
-
站内优化
-
产品管理-B2C商城
-
SEO设置
-
B2B2C设置
-
页面设计
-
多语言
-
页头构建器
-
商店
-
操作指南
-
布局构建器
-
WoodMart 轮播
- 暂无
-
弹出层与浮动块
- 暂无
-
文章类型
- 暂无