营业时间

商店、餐馆、诊所和工作室都会得到同样的问题:你什么时候营业? 营业时间 小部件在 Elementor 的主插件 配有干净的开放时间表(每天一行)、开放和关闭时间以及休息日的封闭标签来回答。

您设置每天的时间、标记关闭的日期、选择设计预设,然后对行和颜色进行样式以匹配您的网站。有些预设甚至将表格与图像和预订按钮配对。本指南涵盖了小部件中的每个设置。

营业时间小部件的作用 #

该小部件列出了一周中的 7 天以及每天的打开和关闭时间,并将任何一天标记为"关闭"。设计预设下拉会改变整个外观,从普通桌子到带有标题、日期图标、图像和号召性用语按钮的卡片。

它有三个选项卡。 内容 保存预设、每天的工作时间以及标题和图标的切换。 风格 控制行颜色、日期和时间文本以及按钮。 高级 带有通常的 Elementor 间距和可见性选项。

在开始之前 #

• 文字出版社 与 元素 已安装并处于活动状态。
• Elementor 的主插件 已安装并处于活动状态。插件新增?参见 安装指南.
• 您每天的营业和关门时间以及您关门的日子。

如何添加营业时间小部件 #

在 Elementor 编辑器中,打开 元素 面板和搜索 营业时间的,(或)滚动到主插件部分(小部件带有紫色MA徽章)。将其拖到您的页面上,它会加载所有七天准备编辑。

设置时间 #

打开 内容 选项卡。 MA 营业时间 部分保存预设的拣选器、一些显示切换以及天数列表。

• 设计预设: 总体布局(如下所示)。
• 显示标题、子标题、日图标: 每天切换标题和一个小图标。
• 日间中继器: 每天一件,周日至周六。
• 24小时格式和天格式: 切换时间格式和完整或简短的日名。

单击一天来打开其设置,您可以在其中设置时间并标记其打开或关闭。

• 关闭?: 标记关闭的日期,它显示您的关闭文本而不是时间。
• 开放时间和闭幕时间: 那天的时代。
• 封闭文本: 关闭日子的标签,例如关闭或预约。
• 亮点: 强调一天,方便标记今天或特殊的一天。

选择设计预设 #

的 设计预设 chang了整个布局,平面的预设是一个简单的表格,而 预订预订 将工作时间与图像和号召性用语按钮配对,非常适合餐厅和沙龙。

其他预设添加了深色标题栏、日间图标和全角按钮,因此相同的时间可以读取为普通列表或预订卡。

样式行 #

打开 风格 选项卡和 行风格 section 来控制每一天的行。这是表获得颜色和间距的地方。

• 背景颜色和条纹行: 扁平颜色或交替的行条纹。
• 图标颜色和图标尺寸: 日图标,具有正常状态和悬停状态。
• 封闭行: 关闭日期的单独背景、日期、文本和图标颜色。
• 填充、盒子阴影、行分隔器: 行间距和行之间的线。

设置行背景,整个表采用颜色,因此它位于任何部分:

设置日间和小时文本 #

的 营业时间 "样式"选项卡中的部分处理文本。 日 设置日期名称的颜色和排版,以及 小时 does 时也一样,再加上图标颜色,每个都有 Normal 和 Hover 状态。

有一个单独的 按钮样式 预设上的预订按钮部分包括一个。

常见用例 #

• 餐厅和咖啡馆 使用"预订表格"按钮配对时间。
• 零售店 显示工作日和周末时间。
• 诊所和沙龙 标记休息日和仅限预约的时段。
• 健身房和工作室 列出类或访问时间。
• 联系页面 将打开时间放在地图或表格旁边。

使用营业时间小部件的技巧 #

• 今天的亮点。 突出显示切换吸引了当今的目光。
• 明确设置休息日。 闭合切换和闭合行造型使休息日变得显而易见。
• 将预设与业务相匹配。 预订 预订适合餐厅;普通桌子适合联系页面。
• 保持时间一致。 12或24小时格式挑选,并每天使用它。
• 使用条纹行来表示长列表。 交替的颜色使七行更容易扫描。

观看视频教程 #

喜欢在屏幕上跟进?下面的视频教程解释了营业时间元素的工作原理,在 Elementor 编辑器中浏览预设、每天的工作时间和造型。

常见问题 #

包裹起来 #

"营业时间"小部件将您的开放时间变成一张干净、有样式的表格:设置每天的营业时间, 标记关闭的日子, 选择预设, 如预订预订, 然后为行和按钮着色以匹配相关小部件, 请参阅 信息框小部件 和 行动号召小部件,浏览全文 主插件小部件和扩展并且检查 定价页面 对于每个计划包含的内容。