跳过到主内容

WPBakery 页面构建器中的购物车页面布局元素

WPBakery 页面构建器中的购物车页面布局站点元素

Elementor 中的购物车页面布局元素

Gutenberg 中的购物车页面布局块

Gutenberg 中的购物车页面布局站点块


Mloun 外贸建站知识库
< 返回
当前位置:
打印
购物车页面构建器
创建于
上次更新时间
由Mloun
目录
购物车布局将标准的 WooCommerce 购物车替换为在 Gutenberg、Elementor 或 WPBakery 中创建的自定义设计。常规购物车和空购物车状态使用不同的布局类型。
创建购物车布局
1. 导航至 仪表盘 → 布局 → 购物车 并点击添加按钮。
2. 选择 购物车 作为布局类型并输入布局名称。
3. 选择预定义设计或从空白布局开始,然后点击 创建布局。
4. 添加购物车元素和支持内容,然后发布布局。





购物车元素
- 购物车表格 — 显示购物车中的产品,包括产品图片、标题、价格、数量控制、移除操作和优惠券表单。
- 购物车总计 — 显示小计、可用的配送方式、总计和结账操作。
- 免费赠品 — 当配置了免费赠品功能时,显示符合条件的赠品。
- WooCommerce 通知、钩子、面包屑、结账步骤和配送进度条 — 在需要的地方添加支持的 WooCommerce 信息。
常规页面构建器元素可用于标题、信任信息、横幅、推荐以及购物车周围的其他内容。
创建空购物车布局
当客户的购物车中没有产品时,会显示空购物车布局。
1. 打开 仪表盘 → 布局 → 购物车 并创建另一个布局。
2. 选择 空购物车 作为布局类型。
3. 选择预定义设计或创建空白布局。

添加 空购物车 元素以输出空购物车消息和返回商店操作。您可以在其周围放置其他块或小部件。

布局可用性
购物车和空购物车是全局布局类型,没有可配置的包含或排除条件。为常规购物车使用一个已发布的布局,为空购物车状态使用另一个。
插件兼容性
如果自定义购物车中缺少 WooCommerce 扩展的内容,请参阅 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 轮播
- 暂无
-
弹出层与浮动块
- 暂无
-
文章类型
- 暂无