产品提示

您可以使用 Minimal 向您的产品添加促销徽章或售罄叠加。

产品添加销售徽章

您可以在产品系列页面上的产品上添加圆形促销徽章。 如果原价高于产品价格,产品系列页面上的产品将显示徽章。

  1. 为产品或多属性设置高于价格原价

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

  3. 点击 Minimal 旁边的自定义

  4. 打开页面顶部的下拉菜单。

  5. 选择产品系列页面

  6. 点击产品系列页面分区。

  7. 启用显示产品促销圆圈

  8. 点击保存

向售罄产品添加售罄产品叠加层

如果产品的库存水平为 0,并且未启用库存不足时继续销售,则会在产品系列页面上的售罄产品上显示叠加。

PC:

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

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

  3. 打开页面顶部的下拉菜单。

  1. 选择产品系列页面

  2. 点击产品系列页面分区。

  3. 启用显示产品售罄圆圈

  4. 点击保存

苹果系统:

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

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

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

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

  5. 轻触模板

  1. 选择产品系列页面

  2. 点击产品系列页面分区。

  3. 启用显示产品售罄圆圈

  4. 点击保存

安卓系统:

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

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

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

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

  5. 轻触模板

  1. 选择产品系列页面

  2. 点击产品系列页面分区。

  3. 启用显示产品售罄圆圈

  4. 点击保存

布局提示

您可以启用宽布局来显示较大的图片,实现较大的文本空间,在从台式机查看时还可以在您的在线商店中显示较少的空白空间(或“空白”)。

启用宽幅布局

PC:

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

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

  1. 转到模板设置 > 布局

  2. 选中 Enable wide layout(启用宽布局)。

  3. 点击保存

苹果系统:

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

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

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

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

  5. 轻触编辑

  1. 转到模板设置 > 布局

  2. 选中 Enable wide layout(启用宽布局)。

  3. 点击保存

安卓系统:

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

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

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

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

  5. 轻触编辑

  1. 转到模板设置 > 布局

  2. 选中 Enable wide layout(启用宽布局)。

  3. 点击保存

Shopify商户官网原文详情:

Product tips

You can add a Sale badge or a Sold out overlay to your products using Minimal.

Add a Sale badge to products

You can add a circular Sale badge on products on your collection pages. If the Compare at price is higher than the price of the product, the badge appears on the product on your collection pages.

  1. Set a Compare at price that is greater than the Price on your product or variant.

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

  3. Next to Minimal, click Customize.

  4. Open the drop-down menu at the top of the page.

  5. Select Collection pages.

  6. Click the Collection pages section.

  7. Enable Show product sale circle.

  8. Click Save.

Add a Sold Out overlay to sold out products

If the product's inventory level is 0 and Continue selling when out of stock is not enabled, the overlay appears on the sold out product on your collection pages.

PC:

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

  2. Next to Minimal, click Customize.

  3. Open the drop-down menu at the top of the page.

  1. Select Collection pages.

  2. Click the Collection pages section.

  3. Enable Show product sold out circle.

  4. 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 Minimal, tap Customize.

  5. Tap Templates.

  1. Select Collection pages.

  2. Click the Collection pages section.

  3. Enable Show product sold out circle.

  4. 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 Minimal, tap Customize.

  5. Tap Templates.

  1. Select Collection pages.

  2. Click the Collection pages section.

  3. Enable Show product sold out circle.

  4. Click Save.

Layout tips

You can enable the wide layout to display larger images, allow more space for text, and show less empty space (or "white space") in your online store when viewed from a desktop.

Enable wide layout

PC:

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

  2. Next to Minimal, click Customize.

  1. Go to Theme settings > Layout.

  2. Check Enable wide layout.

  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 Minimal, tap Customize.

  5. Tap Edit.

  1. Go to Theme settings > Layout.

  2. Check Enable wide layout.

  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 Minimal, tap Customize.

  5. Tap Edit.

  1. Go to Theme settings > Layout.

  2. Check Enable wide layout.

  3. Click Save.

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


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