ShopBase Help Center

Explore How-To's and learn eCommerce best practices from our knowledge base.

自定义Roller主题的主页分区

自定义Roller主题的主页分区

本文也有以下语言版本:

使用ShopBase主题,您仅需几个简单的步骤即可创建一个引人注目的网站。本文将指导您为Roller主题的网站自定义主页。

主要内容

A. 页头(Header)

B. 幻灯片(Slideshow)

C. 富文本(Rich text)

D. 带文字的图片(Image with text)

E. 精选专辑(Featured collection)

F. 客户感言(Customer testimonial)

G. 专辑列表(Collection list)

H. 通讯(Newsletter)

I. 旗帜(Banner)

J. 视频滑块(Video slider)

在自定义Roller主题的主页分区之前,请进行以下操作:

在ShopBase后台中,转到 Online Store > Themes > Customize
在下拉菜单中,选择 Home

A. 页头(Header)

请参阅 此教程以了解如何自定义页头分区

B. 幻灯片(Slideshow)

Slideshow分区中:

文本动画:选择用于加载幻灯片文本的动画样式:None、Fade In、Fade Up 或Fade Down。
画廊过渡:以两种方式显示幻灯片过渡:淡入效果(或淡出效果)和幻灯片。
比例:更改图片的比例。
每次更换幻灯片:设置更换幻灯片的时间。
不透明度:调整图片的不透明度。
Roller主题的幻灯片分区

您可以将不同的 Slide块添加到 Slideshow分区。每个 Slide块允许您添加背景图片、替代文本、前标题、标题、副标题,或调整文本对齐和文本位置。您还可以为第一个/主要按钮标签启用文本背景或插入链接。

Roller主题的“Slide”块

C. 富文本(Rich text)

富文本分区是分享介绍或通知以吸引客户的地方。对于 Roller主题,您可以:

标题:介绍您的企业
文字:添加详细信息。
文字对齐:对齐文字的位置。
链接标签:添加指向目标页面的链接的标签。
链接:插入指向目标页面的链接。
Roller主题的富文本分区

D. 带文字的图片(Image with text)

此分区将显示您拥有的任何大尺寸或重要图片以及所有可用的文字和号召按钮。在此分区中,您可以:

选择布局。
每行的图片数量:选择每行显示多少图片。从 2 到 4 中选择。
动画:选择当将​​鼠标悬停在每张图片上时显示的文本动画样式。
Roller主题的带文字图片分区

您可以将不同的 Image with Text块添加到此分区。 Image with Text块允许您通过添加图片、替代文本、标题、文本、按钮标签/链接/按钮来配置每个带文字的图片。您可以在主页上启用 最多 12 个块。

Roller主题的带文字图片块

您可以在主页上显示一个精选专辑中的产品。

标题:您可以更改为其他标题,而​​不是默认的精选专辑。
专辑:选择要显示的专辑。
专辑布局:为您的精选专辑设置布局,例如Grid、Slider或Mix。
每行商品:决定每行要显示多少商品。从 2 到 5 中选择。
限制商品数量:决定要显示的商品数量。从 1 到 60 中选择。
按钮标签:启用查看更多按钮并编辑其名称。
Roller主题的精选专辑分区

F. 客户感言(Customer testimonial)

Roller主题的主页包括感言分区,帮助您快速简便地向您的网站添加客户反馈和评论。您可以添加图片、替代文字、感言和客户信息。

感言标题/ 页头分区:输入您的感言标题。
文字动画:选择加载评价幻灯片文本的动画样式。您可以选择:None、Fade In、 Fade Up或Fade Down。
每次更换幻灯片:调整在感言中更改幻灯片所需的秒数。从 4 - 12 中选择。
Roller主题的客户感言分区

您可以将不同的 Testimonial块添加到此分区。这些块允许您通过添加图片、替代文本、编辑感言内容和客户名称来配置每个客户感言。

Roller主题的客户感言分区

G. 专辑列表(Collection list)

您可以将标题添加到专辑列表。对于Inside主题,您可以自定义更多设置,例如布局、图片样式、每行商品、标题位置、标题对齐和按钮标签。

Roller主题的专辑列表分区

您可以将不同的 Collection块添加到此分区。这些块允许您创建专辑,为您的专辑添加图片和替代文本。

H. 通讯(Newsletter)

通讯分区有助于鼓励客户跟踪您的网站。默认情况下,在客户订阅您的通讯之后,他们的电子邮件地址会存储在您的客户数据库中。您可以添加图片,调整标题和副标题。

Roller主题的通讯分区

I. 旗帜(Banner)

您可以使用此功能来介绍店铺的折扣代码。您可以自定义横幅的背景图片、替代文本、比例、不透明度、标题、文本位置和对齐方式、图片链接以及按钮链接和标签。

Roller主题的旗帜分区

J. 视频滑块(Video slider)

视频分区有助于让客户可视化实际的产品。此分区包括许多网站上视频的设置,例如图片、替代文本、前标题、标题、副标题等。

自动播放视频:如果选择此选项,您的视频将自动播放。但是,大多数浏览器都对视频添加了一些限制以防止它们自动播放。此外,当您选择此选项时,包括图片、标题、前标题、副标题、按钮、按钮链接在内的所有内容设置都不会显示。
Roller主题的视频滑块分区

您可以将不同的 Video块添加到此分区。这些块允许您通过添加视频链接、图片、替代文本、前标题、标题、副标题、文本位置和对齐方式以及按钮标签和链接来配置每个视频。

Roller主题的视频块

对于Bassy主题,请参阅 此教程以了解更多信息

对于Inside主题,请参阅 此教程以了解更多信息

本文中的所有步骤都使用轻松灵活定制店面分区和块的主题编辑器 2.0 版。请参阅 此教程以了解主题编辑器 2.0 版以及如何更新