主要外卖
- Elementor 价格表是每行一个价格的列表,用于菜单、服务费率和零件列表;它是一个与定价表不同的小部件,定价表每张卡有一个价格。
- Elementor自己的价格表小部件是Elementor Pro的一部分,每个项目都有标题,描述,价格和可选图像。
- Master Addons Dynamic Table 小部件将价格表构建为真实的 HTML 表:具有列宽度的标头行、每个项目启动新行的主体中继器、条纹行和手机响应模式。
- 定价表小部件是菜单的错误工具,因为十道菜意味着十张卡片,但对于两个或三个服务包(每个服务包都有一个功能列表)来说,它是正确的工具。
- 列表中的价格应在自己的列中正确对齐,以便眼睛可以按住它们,并且描述应保持为每项一行。
- 基于表格的价格表是页面中的纯文本,因此搜索引擎和屏幕阅读器可以读取每个菜肴名称和价格。
Elementor价格表是每行都有价格的物品列表:餐厅菜单,沙龙的服务费率,车间的零件表,它不是定价表,定价表每卡一个价格,出售计划;价格表每行一个价格,通知Elementor将其价格表小部件放在Elementor Pro中,因此在免费插件上您需要其他路线。
本指南展示了构建一个以及每个适合的时间的三种方法。路线 1 是 Elementor Pro 的价格表小部件。路线 2 是动态表小部件 主插件的,它把菜单变成一个干净的桌子,上面有价格栏,路线3是“列表”是两个或三个带特征的包的情况下的定价卡,毕竟是定价表的工作。
目录
价格表与定价表
A价目表单品多,每样一价;一个定价表单方案少,每样一特色表单,餐厅的菜单是价目表,SaaS站点上的三个托管方案是定价表,将它们混合在一起是Elementor内置菜单看上去错误的通常原因:十菜作为十定价卡是一面盒子墙,三个方案作为清单隐藏了出售它们的特色。
So第一个问题是你有多少件物品,每件是否需要一个功能表,四个以上物品有价格,有一行说明:价格表,两到四个物品各有几个功能:定价表。
1号公路:Elementor Pro的价格表小部件
Elementor Pro 有一个为菜单而制作的价格表小部件,它的中继器中的每个项目都有一个标题、一个描述、一个价格、一个可选的图像和一个链接,并且小部件在标题和价格之间绘制一个虚线或实线分隔符,Style 选项卡控制列表间距、分隔符样式和图像大小,它需要 Elementor Pro,因此在免费插件上,小部件不会出现在面板中。
Pro已经付费的话,这是经典菜单最短的路线,它不做的是列:每件商品都是一行价格向右推,所以需要大小或数量列的列表,或者每件商品(小、中、大)三个价格,不适合来源: Elementor 的价格表小部件帮助页面.
路线 2:带有动态表小部件的菜单
的 动态表小部件 elementor面板中构建一个真实的html表:列的头中继器和单元格的主体中继器对于一个价格表,它意味着一个dish列,一个描述列和一个价格列,每个菜单项在自己的行中。小部件在master Addons插件中,不需要Elementor Pro。
设置列
- 掉 动态表 小部件到页面上并打开 标头 中继器。
- 添加三个标头单元格:菜肴、描述、价格。在每个上,打开 自定义宽度 设置 28%、56% 和 16%,因此描述可以获得房间,价格栏保持狭窄。
- Price 标头的对齐方式设置为右侧。
添加项目
- 打开 身体 repeater。每个条目都是一个单元格。添加第一个菜名,然后打开 开始新行 为它。
- 将描述添加为下一个单元格,将价格添加为第三个单元格,价格单元格对齐。
- Dui每一项重复:菜名上开始新的一行,然后再加两个细胞,Xiu项是十八个细胞。
Cell可以携带图标或图像而不是文本,这就是菜单在素食行上的菜肴或叶子图标旁边获取小照片的方式。Cell也可以跨越列,因此诸如“Mains”之类的课程标题可以坐在自己的一行上,横跨整个宽度。
将其风格化为菜单
在"样式"选项卡中,将标题背景设置为深色,将标题文本设置为白色,然后打开 条纹行 so 每隔第二行都有色,并给表格一个浅灰色的一像素边框,保持正文与您的段落大小相同,如果您希望眼睛落在数字上,则将价格列加粗。小部件的响应模式将每行堆叠成手机上的一个块,每个值旁边都打印了列标题,因此三列菜单保持可读性,无需横向滚动。
3路:服务包作为定价卡
些“价目表”真的是两三个包:一次性服务和月度计划,或者是同一份工作的基本层和高级层,每个包都包含一些东西,读者在其中选择那就是定价表,而 定价表小部件 每个套餐一张卡片,价格大,内含物为清单。
上面的部分,来自 模板库,显示形状:左侧为名称和描述的宽行每个包,包含和排除的项目在两列,价格在右侧带按钮,在精神上是一个价目表,在结构上是一个定价表,经验法则成立:很少的项目,每个有几个特征,所以卡片。更多的卡片设计在定价表模板中发布。
价格表设计规则
- 价格在自己的列中,右对齐。 Reader 扫价为一列,每一行描述后塞进来的一个价格,是无法扫的。
- 每个描述一行。 “巴西利油,酸面团渣”就足够了,每道菜一段话,把清单变成一页。
- 按课程或类别分组 具有全宽标题行,并将组保留在客户订购的订单中。
- 1次出示货币 header 或第一个价格中,或者在每个价格上保留符号;将两者混合起来看起来像是一个错误。
- 保留它的文本。 Elementor中一个表是文本,一个作为图像上传的菜单在没有设计者的情况下是无法搜索、朗读或更新的。
- 用电话检查一下。 390像素宽的三列桌子需要堆叠模式,价格应该仍然紧随菜名之后。
选择哪条路线
| 如果你 | 用 | 因为 |
|---|---|---|
| 拥有 Elementor Pro 和简单的一价菜单 | 1号公路,价格表小部件 | 为工作而设计,内置点状隔板。 |
| 运行免费 Elementor,或需要大小或数量列 | 2路,动态表 | 真实的列、条纹行、手机上的堆栈。 |
| 有两到四个包,每个包都有功能 | 3 号公路,定价表卡 | 很少有项目,每个项目都有一个功能列表,每个包一个按钮。 |
| 需要因尺寸(小、中、大)而异的价格 | 2路,动态表 | 同一行上每种尺寸一列。 |
需要带有价格栏且没有 Elementor Pro 的菜单吗? 的 动态表小部件 elementor面板中将其构建为真实的表,具有条纹行和手机的堆叠布局。
常见问题
Elementor 价格表小部件免费吗?
号价目表小部件是Elementor Pro的一部分,不会出现在免费插件的面板中,在免费Elementor上,价目表来自于主插件动态表等附加表小部件,或者来自于列表实际上是几个包时的定价卡。
价目表和定价表有什么区别?
1个价目表有许多项目,每个项目都有一个价目表,没有功能表,就像一个菜单,一个定价表有几个计划,每个计划都有一个功能表和一个按钮,就像托管层项目使用一个清单,计划使用一张卡片表。
如何在没有 Pro 的情况下制作 Elementor 餐厅菜单?
用主插件动态表小部件:添加自定义宽度的 Dish, Description 和 Price 标头单元格,然后将每个项目添加为三个正文单元格,并在第一个开始新行。打开条纹行和响应模式,以便菜单堆叠在手机上。
价目表每件商品可以有多个价格吗?
Yes,带表。每大小或选项添加一列,如小、中、大,并将每个价格放在物品行上的自己的单元格中。Elementor Pro的价格表小部件显示每件商品一个价格。
菜单应该是图像还是文本?
Text。a image menu 无法在不重做图片的情况下搜索、屏幕阅读器读取或更新,并且在视网膜手机上模糊,一个表格或列表小部件将每一道菜和价格作为文本保留在页面上。
最后的想法
Elementor中的价格表是每行一个价格,路线取决于你拥有什么Elementor Pro的价格表小部件涵盖了Pro用户的简单菜单Master Addons动态表涵盖了免费Elementor上的相同菜单,并添加了针对大小,数量或课程功能的两到三个包是定价表,而不是列表,定价表小部件将那些作为卡处理。
从开始 动态表小部件页面 对于菜单路线,或 定价表小部件页面 如果您的列表实际上是一组包。
相关阅读
