跳至正文
帮助
编辑器设计与设置

如何更改店铺中表单字段的样式?

使用建站工具的“输入项”标签为店铺中的所有表单字段(结账、联系、邮件订阅、评价表单)设置样式:标签类型(折叠或展开)、字段图标(无、默认、标签)以及图标位置(开始或末尾)。

阅读时间 3 分钟

输入项标签可以一次性设置店铺中所有表单字段的外观:结账表单、联系表单、邮件订阅表单和撰写评价表单。

在哪里找到它

打开建站工具,点击齿轮图标,然后打开输入项标签。它分为两部分:布局和外观。

布局:类型

类型控制表单中输入框标签的显示方式。它有两个选项:折叠(默认)和展开。两者放置每个字段标签的方式略有不同,效果取决于您的主题。请在两者之间切换,并在预览中查看结账表单,然后再做选择。

外观:图标

大多数字段都有一个小图标,例如电话号码旁的电话图标或地址旁的定位图标。图标决定它显示的位置:

  • 无:没有图标,字段看起来简洁朴素。
  • 默认:图标位于字段内部。
  • 标签:图标位于标签旁边,在字段上方。

选择默认时,会出现位置设置。开始把图标放在文字前面,末尾把图标放在文字后面。开始和末尾遵循阅读方向,所以在阿拉伯语页面上,开始会把图标放在右侧。

无论您选择哪种样式,必填字段都会保留它们的小红色标记。

哪些字段遵循这些设置

所有类型的字段都遵循:文本字段、配送和付款等列表、城市等下拉菜单、生日日期字段以及颜色字段。标签和占位符本身不在这里设置。结账表单的标签和占位符在结账表单标签中设置,联系表单、邮件订阅和评价表单的则在各自的版块中设置。

字段颜色从哪里来

字段的颜色不在这里设置,而是来自表单所用配色方案中的输入框颜色:背景、标签、文本、边框和悬停背景。请参阅配色方案。

结账页面显示哪些字段

此标签只改变外观。要显示、隐藏、重命名或重新排序结账字段,请使用结账表单标签。请参阅结账表单字段。

常见操作

  • 干净、简约的结账页面:把图标设为无。
  • 帮助顾客快速理解每个字段:把图标设为默认,位置设为开始。
  • 字段在手机上显得拥挤:试试把图标设为标签,这样字段本身有更多空间显示文字。
  • 标签位置与我的主题搭配起来很奇怪:把类型切换到另一个选项并比较一下。

小贴士

  • 这些设置属于您正在编辑的市场,并应用于该市场的所有页面。
  • 点击发布后更改才会上线。
  • 图标的线条粗细遵循图标设置。
  • 改变主意了?在建站工具中撤销更改即可。请参阅快捷键、撤销和重做。

仍需帮助?

给我们留言,我们会回复你。

联系我们