准备的缩略图

显示主题缩略图

一个完整的Stencil主题包括在BigCommerce控制面板中两个位置的卡片上显示主题的截图:

  • 店面;我的主题:每张卡片显示一个复合图像,该图像包含主题的多种变化的截图组合。
  • 店面;主题市场:每张卡片显示一个不同的主题。基石的三种变体(Light, Warm和Bold)显示在三张不同的卡片上。

我的主题的桌面视图

主题市场的桌面视图

主题市场的移动视图

一般图像的需求

下面描述的所有屏幕截图必须满足以下规格,以便模板包命令能够处理它们:

  • 必须保存为支持的图像文件类型:.jpg、.jpeg、.png或.gif。
  • 必须存放在你的元/子目录。
  • 必须在肖像长宽比

Theme-wide合成图像

主题范围的合成图像表示控制面板中的主题店面;我的主题,它向商家展示他们当前可用的主题,包括任何自定义上传的主题。

这个文件通常是一个马赛克屏幕截图从多个变化在您的主题。除以上一般规格外,还必须满足以下要求:

  • 分辨率为600 x 760像素(水平x垂直)。
  • 文件大小小于2mb。
  • 任意文件名前缀,在您的json文件作为对象的composed_image键值。

下面是一个兼容文件类型和位置的例子:

元/ composed.png

下面是如何引用这个文件json

/ /[…]“元”...“composed_image”“composed.png”/ /[…]

变体:桌面和移动屏幕截图

如果你想在控制面板上显示你的主题的每个变化,你必须用两个额外的截图来表示店面;主题市场,它向商家展示可供下载的主题。

桌面截图

第一个屏幕截图,在桌面视图中显示你的主题,必须满足以下要求,超越以上的一般规范:

  • 分辨率2048 x 2600像素。

  • 文件大小小于5mb

  • 任意文件名前缀,在您的json文件作为变化对象的desktop_screenshot键值。

手机屏幕截图

第二个屏幕截图,在一个移动视口上显示你的主题,必须满足以下要求,超越以上的一般规格:

  • 分辨率为304 x 540像素。

  • 文件大小小于1mb。

  • 任意文件名前缀,在您的json文件作为变化对象的mobile_screenshot键值。

下面是一个示例,显示了两个兼容类型和位置的文件。

  • 元/ desktop_bright.png
  • 元/ mobile_bright.png

下面是如何在内部引用这些文件json,为一个变种命名明亮的

/ /[…]“变化”“名称”“光明”“id”“光明”“元”“desktop_screenshot”“desktop_bright.png”“mobile_screenshot”“mobile_bright.jpg”/ /[…]

资源

相关文章

Baidu