Skip to content
  • 建站低至1000元,AB站支付轮询系统行业最低价,另有PP亲友付,PP账单付,PP捐赠付 --立即查看》》
  • 建站低至1000元,AB站支付轮询系统行业最低价,另有PP亲友付,PP账单付,PP捐赠付 --立即查看》》
仿牌外贸建站专家仿牌外贸建站专家
  • 仿牌建站套餐
  • AB跳转轮询支付系统
  • Paypal支付技术
    • Paypal invoice账单支付
    • Paypal Donation捐赠支付
    • PayPal.Me亲友付收款技术
  • Cloak斗篷技术
    • N2 斗篷注册独家代理
  • 仿牌推广
    • Tiktok仿牌代投
  • 仿牌敏感特货物流
  • 模板
    • 外贸模板
    • 定制开发
    • 增值服务
  • 帮助文档
    • 使用文档
    • 商城教程
    • WP优化代码分享
    • 常见问题
    • AB跳转支付系统对接教程
    • Paypal和Stripe跳转支付对接A站Woocommerce
    • AB跳转支付B站搭建教程
  • 仿牌外贸资讯
  • 联系我们

WooCommerce优化

  • WooCommerce:单个页面POA/询价
  • WooCommerce:将内容添加到“谢谢”页面
  • 如何在WooCommerce变量产品中显示选项名旁边的价格,选择字段?
  • WooCommerce 根据网站语言显示不同支付方式
  • WooCommerce:将添加到购物车数量更改为选择下拉列表
  • WooCommerce 按需加载前端资源 提高页面打开速度
  • WooCommerce 在购物车中显示商品的总重量
  • WooCommerce产品页面删除分类
  • WooCommerce:为注销的用户隐藏价格和加入购物车
  • WooCommerce: 显示每个产品的总销量
  • WooCommerce:移动/重新排序结帐字段(电子邮件,国家/地区等)
  • WooCommerce:在我的帐户注册表单中添加名字和姓氏
  • WooCommerce:在结帐字段更改输入类型
  • WooCommerce 默认提供的简码短代码
  • WooCommerce有用的代码
  • WooCommerce:如何翻译/重命名任何字符串
  • WooCommerce:将价格显示为“原价–现在$$ –省$$”
  • WooCommerce 支付成功后自动标记订单为已完成
  • 解决woocomerce简码无法分页的问题
  • WooCommerce:重命名产品描述选项卡标签@单个产品页面
  • WooCommerce:在前端为管理员显示购买者
  • 自定义 WooCommerce 插件的 CSS 样式的两种方法
  • WooCommerce 中的条件判断标签函数-在主题中判断当前页面
  • 在 WooCommerce 中提供免费送货时隐藏运费
  • WooCommerce:单个产品页面删除侧边栏
  • WooCommerce自定义“添加到购物车” URL
  • WooCommerce:更改每页产品数
  • WooCommerce:删除购物车中的运输方式标签(免费)
  • 如何在 WooCommerce 上创建会员制商店?
  • WooCommerce:检查用户是否已经购买了产品
  • WooCommerce:如果已应用优惠券,则在结帐页面上隐藏优惠券框
  • WooCommerce:在结帐时添加收货电话
  • WooCommerce:最近查看的产品(短代码)
  • 如何隐藏和去掉 WooCommerce 的我的账户下载 Download 标签页面?
  • WooCommerce:将图标添加到添加到购物车按钮
  • WooCommerce 积分插件,钱包余额插件- WooCommerce Wallet
  • WooCommerce:在产品详情页面显示发布日期
  • WooCommerce:访问时自动将产品添加到购物车
  • 如何在新窗口中打开外部产品/联盟链接的 WooCommerce 购买按钮?
  • WooCommerce:删除/编辑“添加到购物车”消息
  • WooCommerce不显示Shop页面标题
  • 怎么让你开发的主题兼容 WooCommerce-在主题中声明 WooCommerce 支持
  • WooCommerce:删除“元框” @“产品编辑”管理页面
  • 设置Paypal Sandbox测试WooCommerce Subscription
  • 将数量字段添加到WooCommerce存档页面
  • 在Woocommerce产品类别归档页面上显示产品属性
  • 如何让仅注册用户看到Woocommerce产品价格
  • WooCommerce:移动产品选项卡到简短说明下
  • WooCommerce:在产品价格中添加前缀/后缀
  • 如何使用WooCommerce插件显示特定于某个类别的产品?
  • WooCommerce:在“添加到购物车”按钮前面添加“数量”标签
  • WooCommerce:在商店和类别页面上隐藏价格
  • WooCommerce:在购物车和结帐处移动/删除优惠券表格
  • 修改WooCommerce产品描述标签标题与删除评论标签选项卡
  • WooCommerce:在产品类别页面添加第二个描述
  • WooCommerce:设置特定产品的最低购买金额
  • WooCommerce:更改相关产品数
  • WooCommerce:滚动到“产品”选项卡@单个产品页面
  • WooCommerce:删除产品选项卡,只显示详细说明
  • 如何在WooCommerce商城中实现产品预付款和分阶段付款功能?
  • WooCommerce:在商店页面上显示库存状态/数量
  • WooCommerce:数量变更自动更新购物车
  • WooCommerce:更改加售次数并将其移动到选项卡上方
  • 实用的25个WooCommerce片段1
  • WooCommerce –检查产品是否已经在购物车中
  • WooCommerce:将默认仪表板登录页面设置为“产品”
  • WooCommerce:在结帐处添加“确认电子邮件地址”字段
  • WooCommerce:显示缺货的产品(短代码)
  • WooCommerce:移动产品库缩略图
  • WooCommerce支付网关插件大全(支付宝、微信支付、外贸跨境支付等)
  • WooCommerce: 产品加入购物车后直接结账
  • WooCommerce:将选择字段添加到“我的帐户”注册表单
  • 你可能不知道WooCommerce可以做的15件事
  • WooCommerce:移动和自定义加售@单产品
  • WooCommerce:重命名“下订单”按钮@结帐
  • Woocommerce的索引页面模板archive-product.php无法被调用问题
  • WooCommerce:删除购物车上的运输标签(例如“统一费率”)
  • 适用于WooCommerce的Ajax购物车自动更新插件
  • WooCommerce:从产品简码中排除类别
  • WooCommerce:基于自定义单选按钮添加结帐费
  • WooCommerce:简短描述为空时显示自定义内容
  • 两款自定义WooCommerce相关产品的插件
  • WooCommerce:如果产品已经在购物车中,重命名“加入购物车”按钮
  • WooCommerce:删除类别计数器
  • WooCommerce使用paypal结账设置
  • WooCommerce:删除“描述”标题@单个产品选项卡
  • WooCommerce商城前端订单显示完整的日期时间
  • WooCommerce:在后台产品下面添加新的子页面
  • WooCommerce:如果是虚拟产品,则隐藏结帐帐单字段
  • WooCommerce:循环中禁用链接到产品
  • WooCommerce:将内容添加到空购物车页面
  • WooCommerce:用当前变化价格替换可变价格
  • 如何关闭及屏蔽掉 “连接您的店铺 到 WooCommerce.com 接受扩展更新和支持。” 的信息。
  • WooCommerce:按产品ID计算销售量(短代码)
  • WooCommerce:在我的帐户页面添加新的选项卡
  • 5个最好的WordPress电子商务插件比较
  • WooCommerce:在购物车中显示“您只需支付$$即可获得免费送货!”
  • WooCommerce:在我的帐户注册/登录页面中添加内容
  • WooCommerce:在购物车中翻译“Shipping”
  • WooCommerce:禁用默认的WooCommerce CSS
  • WooCommerce:将付款方式添加到订单电子邮件
  • 用Contact Form 7为WooCommerce增加询盘表单
  • WooCommerce:在购物车中的产品名称下显示类别
  • WooCommerce:显示购物车有优惠券折扣项目小计
  • 如何使用WordPress建立像eBay这样的拍卖网站
  • WooCommerce:假期/暂停/关闭模式
  • WooCommerce:用视频代替特色图像
  • WooCommerce:禁用可变产品价格范围$$$-$$$
  • WooCommerce:移除我的帐户相关页面
  • 禁用WooCommerce 4.0+新增的仪表盘和分析页面
  • WooCommerce:如何在订单超过$100时禁用PayPal
  • WooCommerce:10个简单的片段,以增加您的销售
  • WooCommerce:在商店和循环页面上显示折扣%
  • WooCommerce:将转换跟踪代码添加到“谢谢”页面
  • woocommerce 产品选项卡tabs增加和修改标题
  • WooCommerce:在单个产品上显示高级自定义字段
  • WooCommerce:在商店页面上删除添加购物车并添加查看产品
  • 使用PHP程序动态修改 WordPress 价格实现会员优惠等功能
  • WooCommerce:显示购物车中的总折扣/节省
  • WooCommerce:针对特定用户角色禁用支付网关
  • WooCommerce:在数量输入添加加号和减号按钮
  • 在首页隐藏某一类别产品
  • WooCommerce:在类别页面中显示产品自定义字段
  • WooCommerce 自定义相关产品以提高相关产品购买率
  • WooCommerce:结帐时禁用邮政编码/ ZIP验证
  • WooCommerce:将RRP添加到产品
  • WooCommerce:定义最低订单金额
  • WooCommerce:计算产品最近的销售
  • WooCommerce:优先在商店中展示“有库存”产品
  • WooCommerce:从产品类别小工具中隐藏类别
  • WooCommerce:在商店页面上删除“商店”标题
  • WooCommerce:复选框有条件地禁用相关产品
  • 删除Woocommerce选项卡,但保留产品描述
  • WooCommerce:按产品类别编辑“添加到购物车”文本
  • WooCommerce:隐藏单一商品页面上的SKU
  • WooCommerce:在购物车上显示常规和销售价格
  • 实用的25个WooCommerce片段2
  • WooCommerce:如果注销,则重命名航菜单“我的帐户”
  • WooCommerce:禁用分组产品价格范围$$$-$$$
  • WooCommerce:购物车中只有虚拟商品时,移除不必要的结账字段
  • WooCommerce:删除产品选项卡,显示详细说明
  • 如何删除 YITH WooCommerce 插件的后台 News 新闻小工具
  • WooCommerce:访问特定页面时自动将产品添加到购物车
  • WooCommerce:默认情况下“运送到其他地址”
  • WooCommerce:在商店中隐藏特定类别的产品
  • WooCommerce:按字母A>Z顺序排序购物车项目
  • WooCommerce:修改“添加到购物车” 的按钮文字
  • WooCommerce:在商店页面上显示唯一类别
  • WooCommerce:编辑添加到购物车最小,最大和步进数量
  • WooCommerce:在购物车页面上移动和更改交叉销售数量
  • WooCommerce:单个产品页面隐藏类别和标签
  • 如何将货币切换器插入单个产品页面
  • WooCommerce:如果用户有待定订单,则拒绝结帐

品牌出海AB跳转收单系统

  • windows server 2016英文版安装中文语言包的教程
  • Windows服务器中ASP.NET IIS支持EXCEL导出功能的DCOM配置
  • WordPress Woocommerce购物网站安装AB跳转支付插件接口的教程

台湾COD订单系统

  • 系统部署文档
  • 系统设置
  • 订单管理
  • 商品管理

Cloak斗篷N2入门设置

  • 1. 创建节点

Cloak斗篷使用文档

  • N2 Claok 的价格是多少?
  • 什么是N2 网络代理
  • 关于N2 Cloak斗篷的黑科技
  • 关于使用N2 Cloak斗篷技术的优点

WooCommerce 像素设置

  • 使用 PixelYourSite 在 Facebook 上验证您的域
  • WooCommerce 设置(订单接收)
  • 购买事件 Facebook 和 Pinterest 参数
  • WooCommerce 的Facebook 和 Pinterest 事件参数
  • 额外的电子商务活动
  • 默认电子商务事件
  • 高级营销活动
  • 事件值设置
  • 添加到购物车选项
  • Facebook 参数ID 设置
  • Facebook 像素设置
  • 添加您的 Facebook 像素
  • 配置转换 API 事件
  • Facebook 转换 API 潜在的缓存问题
  • Facebook 转换 API (CAPI)

Flatsome 主题使用教程

  • 用UX Bulider自建页面
  • 在Flatsome Studio里调用模板
  • Flatsome 主题选项设置

WooCommerce 销售报表

  • 仪表盘小工具
  • WooCommerce报表

WooCommerce 管理订单

  • Woocommerce店小秘ERP订单同步
  • 电子邮件常见问题
  • 订单管理

WooCommerce 付款方式

  • WooCommerce退款
  • 建立数字产品的欧盟增值税
  • 优惠券管理
  • BACS(银行转帐)
  • 支票
  • WooCommerce的PayPal快捷支付
  • PayPal标准
  • 货到付款

WooCommerce 配置运费

  • 了解箱包装计算
  • 在线运输计算器与调试模式
  • 创建配送区域
  • 产品配送类型
  • 免费配送
  • 本地自提
  • 提供运费险
  • 标准运费

WooCommerce 产品管理

  • 产品CSV导入与导出
  • 查找产品类别ID
  • 管理产品类别、标签和属性
  • 可变产品
  • 修复模糊产品图片
  • 添加与管理产品
  • 设置相关产品、推荐销售和交叉销售
  • 添加产品图片和相册
  • 整理你的内容和产品图片
  • 数字/可下载的产品处理

WooCommerce商店基础设置

  • 使用Webhooks
  • 理解WooCommerce系统状态报告
  • WooCommerce包含的小工具
  • WooCommerce包含的短代码
  • 在WooCommerce中设置税
  • 用户角色与权利
  • WooCommerce 固定链接
  • 配置WooCommerce设置
  • WooCommerce菜单项目
  • 商店货币

WordPress 高级功能

  • WordPress 重设密码
  • WordPress 优化
  • WordPress 备份和恢复
  • WordPress 垃圾邮件防护
  • WordPress 版本更新

WordPress 外观

  • WordPress 背景
  • WordPress 窗口管理
  • WordPress 自定义主题
  • WordPress 主题管理

WordPress 用户

  • WordPress 个人档案
  • WordPress 用户删除
  • WordPress 编辑用户
  • WordPress 用户照片
  • WordPress 添加用户
  • WordPress 用户角色

WordPress 插件

  • WordPress 插件定制
  • WordPress 安装插件
  • WordPress 查看插件

WordPress 评论

  • WordPress 审核评论
  • WordPress 编辑评论
  • WordPress 添加评论

WordPress 链接

  • WordPress 删除链接
  • WordPress 编辑链接
  • WordPress 添加链接

WordPress 标签

  • WordPress 删除标签
  • WordPress 编辑标签
  • WordPress 添加标签

WordPress 页面

  • WordPress 删除页面
  • WordPress 编辑页面
  • WordPress 发布页面
  • WordPress 添加页面

WordPress 媒体

  • WordPress 编辑媒体
  • WordPress 插入媒体
  • WordPress 添加媒体
  • WordPress 媒体库

WordPress 帖子

  • WordPress 发布帖子
  • WordPress 添加帖子
  • WordPress 编辑帖子
  • WordPress 删除帖子
  • WordPress 预览帖子

WordPress 博文类别

  • WordPress 添加类别
  • WordPress 编辑类别
  • WordPress 删除类别
  • WordPress 分类安排

WordPress 基础

  • WordPress 插件设置
  • WordPress 固定链接设置
  • WordPress 媒体设置
  • WordPress 讨论设置 – 仿牌独立站搭建
  • WordPress 阅读设置
  • WordPress 写作设置
  • WordPress 通用设置
  • WordPress 仪表盘
  • Home
  • Docs
  • Flatsome 主题使用教程
  • 用UX Bulider自建页面

用UX Bulider自建页面

Table of Contents
  • Layout—— 布局元素设置
    • Section:段落布局
    • Row:行、排的布局
      • Columns:栏、列,Row内的布局元素
    • Slider:滑块、滑动的布局
    • Grid:网格的布局
    • Widget Area:小工具/小部件区域的布局
    • Navigation(导航的布局)、 Page Header(页首的布局 )、Block(区块的布局)
  • Content——内容元素设置
    • Banner :横幅
      • Text Box: Banner 中自带的的文本编辑框
    • Text :文本
    • Icon Box:图标框
    • Gap:间隔
    • Image:图像
    • Image Box:图像框
    • Gallery:画廊
    • countdown:倒计时
    • Tabs:标签
    • Button:按钮

Flatsome内置了一个用户友好的可视化编辑器——UX bulider,也称作用户体验生成器,它可以让你从站点的前端设计页面。

UX bulider 像是玩拼图一样,自己建立很多内容拼图,再用拖拉的方式来改变排版,几乎所见即所得,而且它有预设很多互动元素,让你直接插入使用,非常方便。

使用UX搭建页面的思路是先布局(Layout),再填充内容(Content) 。

Flatsome主题元素库中, 自建元素只有很多种。现在我们开始介绍这些元素的用途和功能。

Layout—— 布局元素设置 #

  • Section(段落的布局)
  • Row(行、排的布局)
  • Slider(滑块、滑动的布局)
  • Grid(网格的布局)
  • Widget Area(小工具/小部件区域的布局)
  • Block(区块的布局)、Navigation(导航的布局)、Page Header(页首的布局)

Section:段落布局 #

Section是元素中层级最高的、包容性最强的一种布局,通常显示在最外层。

共有18种Section预设样式,你可以选择任意一种你喜欢的段落布局。

  1. 默认
  2. 黑底默认
  3. 白底分栏
  4. 白底居中
  5. 黑底 顶部箭头
  6. 黑底 右侧元素框+文本
  7. 黑底 左侧元素框+文本+按钮
  8. 白底 右侧元素框+文本
  9. 白底 左侧元素框+文本
  10. 白底 左侧媒体框+文本+按钮
  11. 白底 右侧媒体框+文本+按钮
  12. 白底 左侧大媒体框+文本+按钮
  13. 白底 右侧大媒体框+文本+按钮
  14. 黑底 右侧大媒体框+文本+按钮
  15. 黑底 左侧大媒体框+文本+按钮
  16. 白底 媒体框居中+两侧文本
  17. 白底 顶部媒体框+下面文本
  18. 白底 底部媒体框+上面文本

section布局可以包含除本身外的所有元素。

通常系统会自动选择第一个Default(默认),模式中 Dark 为黑底白字、 Light 为白底黑字。点击section 的齿形工具栏就可以设置section ,在这里面你能够设置区块的背景图、视频、文字。

Row:行、排的布局 #

与Section 布局一样, Row也是布局的一种容器,容器里面还可以放置其他元素。Row的预设样式共有14种。

分别以不同的Column(栏、列)来划分不同的样式,比如:1栏、2栏、3栏、4栏;

还有以栏目元素框的大小来划分:右侧大栏、左侧大栏;

栏目以虚线框全宽展示的Row样式:虚线全宽两栏、虚线全宽三栏;

栏目有媒体框的:左侧媒体框、右侧媒体框;

还有3栏向下投影的、6栏虚线分割的。

点击工具栏 Row 齿轮图标的自定义选项即可进入Row设置界面,在Row设置里能够设置行内每个栏目的间距、栏目的背景颜色、容器的宽度,行内模块的对齐原则等。

点击 column 齿形图标即可进入 column 布局。

Columns:栏、列,Row内的布局元素 #

Column 是Row内的布局元素, 可随意调整布局宽度,一行总和不超过12, 遵循12栅格原则。

但是,Column 里可以包含所有 Flatsome 主题里的自定义元素。可以说,它是 Section 的缩小版。

Slider:滑块、滑动的布局 #

当你在元素库中添加一个Slider时,你会进入到它的设置页面,如下图所示的左侧黑色栏,在那里面,你可以随意设置此滑块的背景颜色、宽度等。

在这个页面,同时还可以为Slider添加包含的元素,下面动画中的最后一张就是你可以在Slider布局中选择的元素。

Slider可以单独成为一种布局格式,也可以在被包含在Column 、 Section 之中。

Grid:网格的布局 #

Grid是一种多网格空间排版的布局样式 ,共有9种预设格式。

可在布局内添加banner、image,布局样式可以套用slider,可以随意调整高度,宽度,间距,阴影等。

Grid设置

Grid布局下可包含的元素

Widget Area:小工具/小部件区域的布局 #

小工具、小部件区域指的是网站页面的“关于、最新的、分类、活动”等之类的东西,而这些东西一般会在侧边栏展示,或者是展示在网页末尾。

与以上布局方式不同的是,Widget Area的布局没有包含元素,他也没有被包含在某一种布局中,是单独存在的。

Navigation(导航的布局)、 Page Header(页首的布局 )、Block(区块的布局) #

这三种布局方式都是单独的模块,它们是网页中的特定部分,不包含元素。

在他们其中的设置中可以自定义相关选项,比如:你可以设置页首是否显示标题、对齐方式等。

而Block(区块)是你在仪表盘菜单的UX Blocks中添加了要使用的区块之后,在网页中才可以使用。

Content——内容元素设置 #

  • Banner (横幅)
  • Text (文本)
  • Icon Box(图标框)
  • Gap(间隔)
  • Image(图像)
  • Image Box(图像框)
  • Gallery(画廊)
  • countdown(倒计时)
  • Tabs(标签)
  • Button(按钮)

Banner :横幅 #

Banner 的中文翻译为“横幅”,顾名思义,就是一种图文结合的内容元素设置,而内容元素设置不同于布局元素设置,它是展现模块内的内容元素的一种设置,而不是模块的布局。

Banner 元素共有16种样式,基本上是以文本颜色(黑、白)和文本位置分类的。文本颜色与横幅底色相反,默认为黑底白字或白底黑字。横幅底色一般可以忽略不计,因为你在其上添加的图像会自动覆盖样式底色,在设置中,你可以为你的图像添加背景颜色—Overlay。

这16种样式分别是:黑底空白、黑底简单中心、黑底左边、黑底右边、黑底 左边文本+按钮、黑底 右边文本+按钮、白底 文本+按钮在左边、白底 文本+按钮在右边、白底左边文本框、黑底 右边白底文本框、左边黑底文本框、右边黑底圆形文本框、大甩卖横幅、售卖标语、带有泡泡的售卖标语、简单的售卖标语。

如下图所示,我们将选择默认的Blank样式来创建一个静态Banner,其中我们挪动了文本位置和背景颜色。当然你还可以在左侧黑框Banner设置栏中更改其他选项设置,比如高度、背景效果、链接等。

Text Box: Banner 中自带的的文本编辑框 #

如上图所示我们可以拖动文本框来改变其在Banner 中的位置。

你可以设置文本框的相对宽度及整体字体大小、通过位置设置定位文本框在banner中的位置。Text Box中还可以添加图片元素。

通常我们会在网站的首页有一个滑动的横幅,制作过程如下图所示:

Text :文本 #

Text 内容元素共有10种预设格式,默认一般是段落,不过还有:引导段落、带有标题的段落、带有副标题的段落、标题、标题大写、带有副标题的标题、图片在左边的段落和标题、图片在右边的段落和标题、引用段。

Text 元素的设置就是 Flatsome主题的文本编辑器 ,无论你选择哪一种文本样式,你将在下图的编辑框中进行标题或段落文本的编辑。
在此编辑框中,你当然可以实现所有文字的形式,包括字体大小,加粗、斜线、链接、引用、对齐方式等。

在此文本编辑框中,我们要认识Formats(格式)功能,它其中包含了:

  • 链接样式(Link styles)
  • 动画效果(Animations)
  • 动画延迟(Animations-Delay)
  • 能见度(Visibility)
  • 不透明度(Opacity)
  • 行高(Line Height)
  • 填充像素(Padding)
  • 文本颜色(Text Color)
  • 文字背景(Text Background)
  • 列表格式(List Styles)
    一般我们列举会有:简单的圆点列表清单(这里使用)和编号清单列表(数字编号列表)。这里的列表格式还包括了三种不同的列表样式:打对号项目清单、箭头项目清单和星标项目清单。
  • 带领文本格式(Lead Text)
  • 计数(Count Up Number)
  • 大写(UPPERCASE)
  • 花式下划线(Fancy Underline)
  • 细字体(Thin Font)
  • 替代字体(Alternative Font)

Icon Box:图标框 #

图标框是没有其他样式可以选择的,因为它就是图标和文本的结合内容,如下图所示:

在Icon Box的设置里,你可以选择添加图标并且设置图标的对齐方式、宽度,还有文本大小等。Icon格式可以是PNG或SVG。

Gap:间隔 #

Gap就是设置页面的间隔,在 Gap设置里,你可以随意设置Gap的高度,但无法单独设置Gap的颜色,可以套用在section中。

Image:图像 #

Image就是图像元素了, 插入图像,可以随意设置图像的宽度、高度、背景,也可以给图片附上跳转链接。

图像也是单独的元素,在图像里面没有可插入的元素,如果你想插入文本的话,请选择Image Box。

Image Box:图像框 #

Image Box是图片与文本结合在一起的内容组合元素。

在其设置里,你可以自由选择图像框的风格,这风格中包括文本框的放置位置、文本框中文本的对齐方式、字号大小等。

Gallery:画廊 #

Gallery就是将几张相同尺寸大小的图片排列在一起,形成画廊一样的图片内容模式,整体的摆放在 Gallery 设置里,你可以选择每行显几列图片,画廊的展示方式到底是选择滑块、排列、还是网格状。

countdown:倒计时 #

countdown本身就是倒计时,同时它也指的是页面上的倒计时内容,当你想在你的网站上展示倒计时时间时,你可以使用这个内容元素。

在其设置里,你可以自定义时间和展示方式(时钟还是文本)。

补充说明一句:倒计时一般是为了展示节日促销活动而有的专门倒计时样式,而只有B2C店家才会经常有降价优惠活动,B2B企业是不会有促销的,他们都是批量定制生产产品。

Tabs:标签 #

你可以在总标签下添加子标签,并且标签下面还有标签仪表板供你选择其他元素。
如下图,第三个子标签—美甲下面就选择了Slider(滑块布局),在 Slider 里面你又可以选择Banner、Image、Logo这三种内容元素和Section、Row、Grid这三种布局元素。

Button:按钮 #

按钮元素 Button 的预设样式共有10种,你能选择适合你的预设样式, 在每一种样式下 你都可以设置相应的数值,比如:按钮名称、是否添加图标、图标的对齐方式、字体大小等。

What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
在Flatsome Studio里调用模板
Table of Contents
  • Layout—— 布局元素设置
    • Section:段落布局
    • Row:行、排的布局
      • Columns:栏、列,Row内的布局元素
    • Slider:滑块、滑动的布局
    • Grid:网格的布局
    • Widget Area:小工具/小部件区域的布局
    • Navigation(导航的布局)、 Page Header(页首的布局 )、Block(区块的布局)
  • Content——内容元素设置
    • Banner :横幅
      • Text Box: Banner 中自带的的文本编辑框
    • Text :文本
    • Icon Box:图标框
    • Gap:间隔
    • Image:图像
    • Image Box:图像框
    • Gallery:画廊
    • countdown:倒计时
    • Tabs:标签
    • Button:按钮

一站式仿牌外贸建站 抗投诉服务器 抗投诉域名 Paypal支付跳转 Stripe支付跳转 Woocommerce跳转

扫一扫二维码加我QQ -529521257

加好友请直接说明来意

扫一扫二维码加我微信

加好友请直接说明来意

扫一扫二维码加我Telegram - @FPwaimaoB2C

加好友请直接说明来意

Tiktok仿牌广告代投代运营

联系我们获取详细信息

服务列表
外贸建站套餐
独家AB支付跳转
Paypal 账单付
Paypal.Me 亲友付
Paypal 捐赠付
定制开发
增值服务
优化推广
帮助
合作流程
案例展示
帮助中心
商城教程
仿牌外贸资讯分享
CLOAK斗篷技术
仿牌广告代投
仿牌敏感特货物流
浙ICP备19049814号
Copyright 2022 © 品牌出海专家 - 仿牌跨境基地 版权所有
  • 仿牌建站套餐
  • AB跳转轮询支付系统
  • Paypal支付技术
    • Paypal invoice账单支付
    • Paypal Donation捐赠支付
    • PayPal.Me亲友付收款技术
  • Cloak斗篷技术
    • N2 斗篷注册独家代理
  • 仿牌推广
    • Tiktok仿牌代投
  • 仿牌敏感特货物流
  • 模板
    • 外贸模板
    • 定制开发
    • 增值服务
  • 帮助文档
    • 使用文档
    • 商城教程
    • WP优化代码分享
    • 常见问题
    • AB跳转支付系统对接教程
    • Paypal和Stripe跳转支付对接A站Woocommerce
    • AB跳转支付B站搭建教程
  • 仿牌外贸资讯
  • 联系我们

  • 扫一扫二维码加我QQ

    加好友请直接说明来意

    • 联系QQ: 529521257
    • 建站|跳转支付|SEO|推广
    • 微信:daigq2017