这期课程分享shopify焦点模块添加,通过模特图直观展示产品效果,服装和饰品这类穿戴类的产品特别适用。

也可以在一个场景中,展示产品效果,通过焦点标注产品,客户可以直接点击直达产品。

shopify主题tayest里面我们增加了焦点模块lookbook功能,功能可以应用到shopify其他模板中,有需要可以联系我们帮忙添加。

下面介绍一下使用方法:

首先进入shopify后台,如下图点击进入模板页面

shopfiy店铺装修

再点击自定义,进入装修页面

shopify装修

在需要装修的页面,点击添加分区

shopify焦点模块添加

在弹出的模块中选择焦点模块,进入设置

shopify焦点模块设置

如上图我们可以设置焦点模块的布局方式:全屏和自定义宽度

上传模特图或者场景图作为焦点模块的背景图,这里需要注意的是,第二张焦点背景图不上传就全屏展示第一张图片,尺寸宽度需要是1920,这样才能更好的展示。

上传两张背景图的话,图片大小保持一致,效果最佳。

设置好焦点模块,就可以添加焦点(如下图默认可以添加8个焦点)

shopify焦点添加

进入焦点功能选项,设置需要显示在那张背景图

shopify焦点设置

通过距左和距上的距离,设置焦点的位置,然后选择对应需要跳转的产品。

最终显示效果如下,点击调用设置好的产品

焦点模块显示