标签元素

在本文中,您将了解标签元素以及如何使用它。

关于标签元素

标签元素旨在将内容显示在单独的标签中以提高转化率。您可使用“标签”元素将各个元素显示为标签的内容,既可以针对每个标签单独显示也可以一起显示在同一个标签中。

使用标签元素,请在侧边栏菜单上选择“添加元素”>“高级”>选择“ 标签”元素,然后将其拖放到页面编辑器中。

请注意,您可以使用搜索功能来找到该元素,而不是在侧栏中找到它。

PageFly with the Tabs element helps you to build your Shopify store more easily

标签元素有多种变体,可以满足您的大多数需求。我们将继续添加更多变体,以帮助您节省时间。

将变体拖动到布局中,然后查看如何配置它。

标签元素配置

标签元素带有许多设置参数,您可调整这些参数来微调内容和外观以达到最佳转化率。

在布局中选中元素,以查看其参数。

“常规”和“样式”选项中的参数为此元素的特定参数。您可阅读文本了解详情。

常规选项参数
1. 内容
  • 标签项目: 给元素添加新的标签 

您可复制或删除该项目,并在每个标签项目的名称旁边添加两个相应的图标。

通过拖放标签项目名称左侧的3个点图标,可以轻松给标签项目重新排序。

您可以将其他元素拖放到每个标签中。

 

  • 默认选项:  在实时页面上看到时,选择一个标签将其设为默认(首先显示)。
  • 标题位置: There are 4 positions (they are displayed as the arrows) for you to choose for the header such as Top; 您可以选择4个位置(显示为箭头)作为页眉,例如“顶部”;“左侧”;“底部”和“右侧”。
    • 左侧: 如果选择此选项,则标签的标题将移动到标签内容的左侧。您可以通过以下三个选项来调整垂直对齐方式:顶部,中间和底部。
    • 右侧:如果选择此选项,则标签的标题将移动到标签内容的右侧。您可以通过以下三个选项来调整垂直对齐方式:顶部,中间和底部。
    • 顶部:如果选择此选项,则标签的标题将移至顶部。您可以通过以下三个选项来调整水平对齐方式:顶部,中间和底部。如果需要,还可以为菜单设置全宽。
    • 底部:如果选择此选项,则标签标题将移至底部。您可以通过以下三个选项来调整水平对齐方式:顶部,中间和底部。如果需要,还可以为菜单设置全宽。
2. 属性  你可以在这里阅读更多。
3. 能见度  你可以在这里阅读更多。
4. 动画效果  你可以在这里阅读更多。
样式选项参数
1. 整体 您可以在此处了解所有这些参数。
2. 边距 您可以在此处了解所有这些参数。
3. 排版印刷 您可以在此处了解所有这些参数。
4. 背景 您可以在此处了解所有这些参数。
5. 边框 您可以在此处了解所有这些参数。
6. 显示 您可以在此处了解所有这些参数。
7. 自定义CSS 您可以在此处了解所有这些参数。

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages