模块配置说明

    模块配置说明-封面图

    配置说明

    我们的模块配置基于shopify 的模块配置,包含section和blocks,所有的配置方式也都是适配的,与shopify 模版自带的模块配置没有区别。可以参考shopify 关于模块配置的文档:《shopify sections》

    每个模块的配置,只对当前这个模块生效。对于不同模块,我们有严格的隔离机制,不会存在模块之间互相影响。

    我们除了每个模块单独的个性化配置,我们还会提供很丰富的公共配置,包括但不限于 模块配置模块标题配置按钮配置 等。熟悉这些公共配置,可以让您在使用我们的模块时驾轻就熟。

    基础配置

    我们会将很多模块公共的配置,放在模块基础配置部分,大部分模块都会有这个配置,用来调整模块的间距,主题色,背景色,背景图片,阅读区宽度等。

    模块配置说明

    模块内填充距离

    用来填充模块,可以调整上下模块之间的距离,也可以配合背景色/背景图来给模块添加填充。

    模块主题色

    用来配置整个模块的主题色,主题色一般会显示在 模块副标题颜色等地方,属于模块展示时的一个核心公共配色。

    模块背景色

    这里可以配置整个模块的背景色,背景色可以是单色,也可以是多色组成的过渡色,可以参考shopify 的配置文档:《color_background》。

    模块背景图

    可以将模块的背景设置成您想要的图片,背景图片的优先级高于背景色,如果您设置了背景图片,那么背景色将失效。

    模块背景图固定

    如果选中模块背景图固定,那么背景图片将会以吸附的方式添加到模块,用户浏览时,会有一个吸附特效。

    标题配置

    模块标题配置

    模块标题配置主要用来配置 副标题,标题,描述三项,绝大部分模块都会有这三项配置。模版标题配置不止可以配置文字内容,还能配置字号,颜色,对齐方式,载入动画等。

    为了跟原模版保持一致,标题字体和描述字体,全都会继承原模版的字体样式。

    副标题

    标题上面的文字,一般会用比标题略小的文字展示,副标题会用模块的主题色,左侧一般会有一个小三角的造型。如果内容为空,则不显示。

    标题

    模块标题内容,展示整个模块的主题。如果内容为空,则不显示。

    内容

    可以通过“内容”部分,在标题下方输入一些文字,是以富文本的形式输入的,里面还可以编辑文字的粗细,添加链接等,以 《shopify richtext》为准。如果内容为空,则不显示。

    副标题字号

    调整副标题的字号大小。

    标题字号

    调整标题的字号大小。

    内容字号

    调整内容的字号大小。

    内容颜色

    调整标题部分的内容颜色,如果没有特殊场景,模块内其他地方的的内容颜色也会与此保持一致。

    文字对齐方式

    会调整标题部分的文字对齐方式,分为左对齐,居中对齐,右对齐三种。

    内容区载入动画

    可以通过这个配置项,来调整内容区域在进入可视区时的载入动画,也可以取消动画。

    按钮配置

    虽然并非所有按钮都有这些配置,但我们模块中的大多数按钮支持这些选项。有些模块,这些配置会为了保持模块中按钮的统一性,分散开让您配置。

    按钮配置

    按钮文字

    在这里输入按钮内的文字,为空时整个按钮不显示。

    链接

    在这里配置按钮点击时的跳转链接,参考《shopify url》

    是否新窗口打开

    开启之后,会从新窗口打开链接。

    按钮风格

    我们提供了多种按钮风格,不同风格会有不同的按钮样式和交互动画。

    按钮宽度

    适配文字时按钮宽度会按照文字长度不同而不同,全宽时按钮会在当前模块区域内整宽显示。

    按钮字号

    用来调整按钮文字的字号大小,字号越大,按钮也会越大。

    按钮圆角

    按钮的圆角大小调整。

    按钮文字颜色

    按钮文字的颜色。

    按钮背景颜色

    按钮的背景颜色。不同的按钮风格,对按钮背景颜色的使用方式会略有差别。