元素级配置！用高阶组件库打造的店铺有多精美？

在SHOPLINE设计你的店铺网站，

自由度有多高？

比如常被用来展示多个产品图的画廊，可以是这样的：

展示3张图片

也可以是这样的：

展示4张图片

还可以是这样的：

展示6张图片

动效展示

只需要简单配置画廊高度、背景不透明度、组件宽度、圆角半径，就可以实现以上三种不同的画廊展示效果，鼠标悬浮还可查看文本描述，是不是非常nice？

再看视频列表，你既可以选择简约的横向排布，同时展示多个视频；也可以选择「图片+文本」卡片式排布，提升店铺精致感。

两种不同风格的视频列表

而这些不同效果的实现，高自由度的设计，背后都有一个共同的神秘法宝：

SHOPLINE高阶组件库

想要提高店铺设计感的卖家注意啦！7月19日，SHOPLINE正式上线高阶组件库，帮助你提升网店装修的展示丰富度以及个性化程度，轻松打造个性化店铺，实现多样化品牌风格。

想安装的卖家可前往文末查看安装指引~

网页设计和用户体验、品牌形象、商品转化率息息相关。

良好的视觉设计不仅可以改善用户浏览体验，提高用户的满意度和留存率，还可以增强品牌的识别度和记忆度，增强用户对商品的兴趣和购买欲望。

所以，网页的设计对于独立站运营来说非常重要，而SHOPLINE高阶组件库，能够为你提供更强大的网页设计能力，装修出更精美的店铺。

和普通组件相比，SHOPLINE高阶组件具有更高的灵活性、可拓展性，能够打造出效果更酷炫、精致感更强的店铺：

SHOPLINE的高阶组件库支持配置视频、图文、时间轴、商品展示、文件下载、标签展示、博客、导航等组件，有多种样式可选，丰富度很高。

以图文展示为例，里面包括对比图片展示、图文轮播、CTA、画廊、图文列表等15种组件，每种组件下面又有不同的样式。

比如拼接图文模块，有3种不同的风格：

高阶组件库样式丰富

SHOPLINE高阶组件库中的所有组件，均支持样式的元素级灵活配置。你可以根据自己的需求，自由调整组件样式的颜色、字体、间距、边框、阴影等，还可以分别调整电脑端和移动端的字体。

即使是同一个样式，经过不同的调整，也会呈现出不一样的风格。

元素级灵活配置

另外，SHOPLINE高阶组件库还支持添加Metafields能力，你可以为商品、品类、顾客、订单、博客、页面和店铺等资源对象创建额外的拓展字段并存储一些特定的信息，实现灵活定制。