< img height="1" width="1" src="https://www.facebook.com/tr?id=128121387916608&ev=PageView&noscript=1" /> 图片相关的卡片 - 店匠shoplazza

图片相关的卡片

400 views admin 0

1、1图:单图片

  • 图示:
  • 简介:
    • 适合重点突出一张图片,可对卡片设置蒙层文字、跳转按钮,也可以通过配置项将蒙层去掉,只展示图片;
    • 图片不会被自动裁剪,将会以原尺寸展示:宽度铺满屏幕,高度根据图片原尺寸自适应。
  • 主题:
    • Amazing – Buy on Amazon
    • Brooklyn
    • Light 
    • Gossip Girl
    • Snow in Summer
    • Life style
    • Think different
    • Backstreet Boys
    • Black wind

2、图片数量 2-3 :多图2、多图3、多图4

  • 图示:
  • 简介:
    • 多图2、多图3、多图4:
      • 比较类似,都是配置项比较简单、固定布局的卡片,适合对图片数量比较明确的场景下展示。多图2、多图3,图片的宽度固定、高度自适应,多图4的宽高都是固定的,按照建议尺寸进行上传即可。
    • 单排图片:
      • 布局灵活,会根据图片数量自动调整布局,图片数量1-4张都可以兼容。
  • 主题:
    • Amazing – Buy on Amazon
    • Brooklyn
    • Light 
    • Gossip Girl
    • Snow in Summer
    • Life style
    • Think different
    • Backstreet Boys
    • Black wind

3、图文混合展示的排版:图文、图文列表 

  • 图示:
  • 简介:
    • 适合进行图文介绍、讲述品牌故事;
    • 单个图文的布局可以自己调整:可设置“左图右文”/“左文右图”
    • 多图文元素可以自己设置:图文数量、图片、文字、图片跟按钮的跳转链接
  • 主题:
    • Amazing – Buy on Amazon
    • Brooklyn
    • Light 
    • Gossip Girl
    • Snow in Summer
    • Life style
    • Think different
    • Backstreet Boys
    • Black wind

4、动态图片展示:轮播图

  • 图示
  • 简介:
    • 适合在店铺头部用图片轮播的方式,展示店铺主推商品或者活动;
    • 可对PC端或移动端分别设置图片,如果不对移动端设置图片,PC端的图片将会自适应显示到移动端中。
    • 其他配置项如下图展示:可设置图片轮播规则、图片高度、文字大小等
  • 主题:
    • Amazing – Buy on Amazon
    • Gossip Girl
    • Snow in Summer
    • Life style
    • Backstreet Boys
    • Black wind

5、动态图片展示:全屏轮播图

  • 图示:
  • 简介:
    • 适合在店铺头部用铺满屏幕高度、宽度的图片展示商品
    • 图片大小会根据屏幕的宽高进行自适应调整
  • 主题:
    • Brooklyn
    • Light 
    • Think different

6、品牌列表

  • 图示:
  • 简介:
    • 适合多个品牌展示,可展示多个品牌图。
  • 主题:
    • Amazing – Buy on Amazon
    • Brooklyn
    • Light
    • Gossip Girl
    • Snow in Summer
    • Life style
    • Think different
    • Backstreet Boys
    • Black wind

是否能帮到你?