图片卡片装修

1.操作路径:「店铺装修」→「主题装修」→「操作」,进入装修界面。

WX20220721-153710_2x.png

 

2.添加单图片、多图2、多图3、多图4、单排图片、图文、图文列表、轮播图、全屏轮播图、品牌列表等卡片,配置卡片内容即可。

mceclip0.png

 

3.单图片

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

mceclip1.png

 

4.图片数量2-3可选择:多图2、多图3、多图4等卡片

  • 三种图片卡片类似,都是配置项比较简单、固定布局的卡片,适合对图片数量比较明确的场景下展示。
  • 多图2、多图3,图片的宽度固定、高度自适应,多图4的宽高都是固定的,按照建议尺寸进行上传即可。
  • 适用主题:Amazing - Buy on Amazon、Brooklyn、Light 、Gossip Girl、Snow in Summer、Life style、Think different、Backstreet Boys、Black wind、Nova、Nova Watch、Nova Christmas

mceclip2.png

mceclip3.pngmceclip4.png

 

 

5.单排图片

  • 布局灵活,会根据图片数量自动调整布局,图片数量1-4张都可以兼容。
  • 适用主题:Amazing - Buy on Amazon、Brooklyn、Light 、Gossip Girl、Snow in Summer、Life style、Think different、Backstreet Boys、Black wind、Nova、Nova Watch、Nova Christmas

mceclip5.png

 

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

  • 适合进行图文介绍、讲述品牌故事。
  • 图文:布局可以调整,可设置「左图右文」或「左文右图」。
  • 图文列表:多图文元素可以设置图文数量、图片、文字、图片跟按钮的跳转链接。
  • 适用主题:Amazing - Buy on Amazon、Brooklyn、Light 、Gossip Girl、Snow in Summer、Life style、Think different、Backstreet Boys、Black wind、Nova、Nova Watch、Nova Christmas、Hero、Boost

mceclip6.png

mceclip7.png

 

7.动态图片展示:轮播图

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

mceclip8.png

 

8.动态图片展示:全屏轮播图

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

mceclip9.png

 

8.品牌列表

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

mceclip10.png

这篇文章有帮助吗?
1 人中有 0 人觉得有帮助

评论

6 条评论
  • 我用的是hero主题,图文幻灯卡片的尺寸是多少?

    0
  • 最新的几个主题没有推荐尺寸,只有老主题才有,可以按照这个尺寸1920*667上传试试咯

    0
  • 有什么方法可以获取到不同卡片图片的尺寸?

    0
  • 是啊,没有图片尺寸不是很方便

    0
  • 可以通过截图的方式,框住图片的位置可以显示的尺寸,按照这个尺寸上传

    0
  • 如果图片需要更清晰些,就按照比例选择像素高的图片就可以了

    0

登录写评论。