适用于 Supply 的技巧

本文概述了一些可帮助您设置在线商店的 Supply 的有用提示和最佳做法

图片提示

产品图片

分辨率更高的照片在 Supply 中看起来更加精致和专业,因此图片至少应为 1024 × 1024 像素。必要时,图片将自动缩小。如果您在产品页面上启用图片缩放,那么使用分辨率较高的照片则尤为重要。

产品照片的最佳宽高比是正方形。

缩小幻灯片

若要使幻灯片在主页上占用较少的垂直空间,您应使用横向图片,这些图片的宽度大于高度。您应上传宽度为 1000px 的图片,这样一来,幻灯片在较大显示屏上的左右两侧没有任何空白区域。宽度较小的图片居中显示在幻灯片中。

标头提示

如果标头太高,您可以通过调整 logo 来缩短标头。如果您的 logo 太大,您可以通过调整最大宽度来缩小其尺寸。您的 logo 可能还包含添加到标头上方和下方空白区域的不可见或白色像素。您可以使用 Photoshop 等图片编辑软件从 logo 图片中修剪这些像素。修剪 logo 后,重新上传 logo。修剪 logo 图片中的空白区域可以显著降低标头高度。

调整 logo 的宽度

PC:

  1. Shopify 后台中,转到在线商店 > 模板

  2. 点击 的技巧 旁边的自定义

  1. 点击标头

  2. 自定义 logo 宽度(以像素为单位) 字段中输入新的宽度。默认像素值为 305。使用较小的像素值可缩小 logo 的大小,从而降低标头的高度。减小 logo 的宽度也会降低其高度,因为 logo 会缩小,同时保留其比例。

  3. 点击保存

苹果系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触 Manage themes(管理模板)。

  4. 在 的技巧 旁边,轻触自定义

  5. 轻触编辑

  1. 点击标头

  2. 自定义 logo 宽度(以像素为单位) 字段中输入新的宽度。默认像素值为 305。使用较小的像素值可缩小 logo 的大小,从而降低标头的高度。减小 logo 的宽度也会降低其高度,因为 logo 会缩小,同时保留其比例。

  3. 点击保存

安卓系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触 Manage themes(管理模板)。

  4. 在 的技巧 旁边,轻触自定义

  5. 轻触编辑

  1. 点击标头

  2. 自定义 logo 宽度(以像素为单位) 字段中输入新的宽度。默认像素值为 305。使用较小的像素值可缩小 logo 的大小,从而降低标头的高度。减小 logo 的宽度也会降低其高度,因为 logo 会缩小,同时保留其比例。

  3. 点击保存

Shopify商户官网原文详情:

Tips for Supply

This article outlines some helpful hints and best practices that can help you to set up Supply for your online store.

Image tips

Product images

Higher resolution photos look more polished and professional in Supply, so images should be at least 1024 wide by 1024 pixels high. Images are automatically scaled down when necessary. Higher resolution photos are particularly important if you enable image zoom on your product pages.

The optimal width to height ratio for your product photos is a square.

Make the slideshow smaller

To make the slideshow take up less vertical space on your home page, you should use landscape images, which are images that are wider than they are tall. You should upload images with a width of 1000px so that your slides don't have any white space on the left and right on larger displays. Images that have a smaller width are centered in your slideshow.

Header tips

If your header is too tall, then you can shorten it by adjusting your logo. If your logo is too big, then you can reduce its size by adjusting its maximum width. Your logo might also contain invisible or white pixels that add to the white space above and below it. You can use image editing software such as Photoshop to trim those pixels from your logo image. After your logo has been trimmed, upload it again. Trimming the white space in your logo image can significantly reduce the height of your header.

Adjust the width of your logo

PC:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Next to Supply, click Customize.

  1. Click Header.

  2. Enter the a new width in the Custom logo width (in pixels) field. The default pixel value is 305. Use a smaller pixel value to reduce the size of your logo, and as a result reduce the height of your header. Reducing the width of your logo also reduces its height, because your logo is scaled down while preserving its proportions.

  3. Click Save.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Supply, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. Enter the a new width in the Custom logo width (in pixels) field. The default pixel value is 305. Use a smaller pixel value to reduce the size of your logo, and as a result reduce the height of your header. Reducing the width of your logo also reduces its height, because your logo is scaled down while preserving its proportions.

  3. Click Save.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Supply, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. Enter the a new width in the Custom logo width (in pixels) field. The default pixel value is 305. Use a smaller pixel value to reduce the size of your logo, and as a result reduce the height of your header. Reducing the width of your logo also reduces its height, because your logo is scaled down while preserving its proportions.

  3. Click Save.

文章内容来源:Shopify商户官方网站


(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)