模板,Shopify Brooklyn模板：网站地图、产品及图片注意事项

模板,Shopify Brooklyn模板：网站地图、产品及图片注意事项 核心内容

                                                                                               

模板,Shopify Brooklyn模板：网站地图、产品和图片注意事项 文本

       

   

   本文总结了一些可以帮助您设置的内容Shopify 在线商店Brooklyn 有用的提示和最佳做法。

   

   网站地图提示

   

   添加下拉菜单

   

   如果您想在主菜单中添加下拉菜单，您需要在网站地图页面上创建菜单。有关详细信息，请参阅在您的在线商店中设置下拉菜单。

   

       

   

   主菜单变成侧栏菜单

   

   如果您的主菜单占用了大量空间，则该菜单将转换为侧栏菜单。当您单击标头分区中的某个按钮时，打开侧栏菜单：

   

       

   

   可通过执行以下步骤，防止主菜单改为侧栏样式：

   

   添加不超过四到五个主菜单链接。

   

   主菜单链接使用窄字体。文本字体可以在布局设置中更改。

   

   创建字符数受限的菜单项。例如，您可以用“FAQ用联系代替常见问题解答或联系我们。

   

   图片提示

   

   Brooklyn 最佳产品图片类型

   

   高分辨率图片可以呈现出精致专业的效果，所以你的产品图片至少应该是 1024 x 1024 px。正方形是产品图片的最佳形状。

   

   理想情况下，你的图片应该是单色背景。单色是没有阴影或明亮的纯色。你所有的图片都应该有相同的背景色。

   

   如需删除产品图片周围的框架，请将产品背景色设置为透明色：

   

       

   

   幻灯片图片的最佳尺寸

   

   Brooklyn 示范店显示的两张图片幻灯片尺寸为 1200 x 800 px。最好保持所有图片幻灯片的尺寸相同。

   

   小屏幕上的图片裁剪

   

   在小型设备上，图片幻灯片将从上到下填充屏幕。调整了幻灯片的大小，使其高度与设备的屏幕高度相同。为了在不变形的情况下填充屏幕，将切割幻灯片的左右两侧。

   

   在大屏幕上，调整了图片幻灯片的大小，使其宽度与浏览器窗口的宽度相匹配。幻灯片的底部被切割，以避免图片变形。

   

   以下示例显示了同一在线商店的桌面版和移动幻灯片：

   

       

   

   桌面幻灯片显示的图片宽度大于高度。对于相同的图片，移动版本显示相同的高度，但切割图片两侧以适应移动设备的窄屏幕。

   

   显示产品系列边对边图片

   

   要显示边对边的图片，您的产品系列需要配图。

   

   你可以在 Brooklyn 在示范店查看边对边产品系列图片的外观。顶部显示的产品系列图片尺寸为 1405 x 800 px。

   

       

   

   桌面幻灯片显示的图片宽度大于高度。

   

       

   

   移动版中显示相同图片的高度相同，但移动版中切割图片两侧，使其适合移动设备的窄屏。

   

   为博客文章设置图片

   

   博客文章中的第一张图片用作本博客页面的图片。您可以了解如何在博客文章中添加图片。

   

   产品提示

   

   向产品添加促销徽章

   

   您可以通过设置大于常规价格的原价来为产品添加促销徽章。该徽章显示在产品系列页面上的产品图片上方。

   

   在产品系列页面上设置哪些产品会显得更大

   

   如果您将产品系列页面设置为拼贴式显示产品，您的一些产品将显示大图片，另一些将显示小图片。图片的大小是基于产品系列中产品的顺序。您可以在后台更改产品在产品系列页面上的顺序。单击要编辑的产品系列，然后在产品区域从排序下拉菜单中选择手动。然后按照您想要的在线商店的顺序拖动产品。

   

       

   

   每六个产品中的第一个和第六个产品使用大产品图片。例如，产品系列中的第 1 、第 6 、第 7 、第 12 、第 13 和第 18 图片使用大图片：

   

       

   

       

   

   产品系列页面以拼贴风格显示。产品上显示了数字，说明产品顺序与图片大小有关。

   

   如果您想显示所有相同尺寸的产品图片的网格，请将产品系列设置为网格样式。

   

   选择多属性时滚动动画

   

   在产品页面上，如果产品描述足够短，可以适应屏幕尺寸而不滚动，那么您在选择具有图片多属性的多属性时会看到滚动动画。如果产品描述太长，无法适应屏幕尺寸而不向下滚动，则只会用多属性图片取代顶部图片，而不会出现滚动动画。

   

   如显示滚动动画，请确保产品描述简短。(来源:Shopify）

   

   以上内容属于作者个人观点，不代表跨境网的立场！如有侵权，请联系我们。

   

   相关推荐:Shopify店铺Brooklyn模板介绍