shopify商店Express模板自定义风格和购物车抽屉步骤

风格

样式类别中的设置可用于更改您模板中的多个页面和分区。以下是您可以更改的设置：

• 以叠加方式显示产品页面：选择是将用户定向到新页面，还是以叠加方式在主页上显示产品页面。

如果您以叠加方式显示产品页面，则无法显示取货服务提供情况。

• 边缘样式：选择对模板中的元素（例如按钮、徽章和卡片）使用尖角还是圆角。（版本 1.11.0+）

购物车抽屉

Express 具有购物车抽屉功能，可让客户快速查看购物车的内容，然后继续购物。

使用 Express，您可以通过在购物车抽屉中启用订单备注，让客户输入订单相关说明。

调整购物车设置

PC：

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

2. 点击 的模板设置 旁边的自定义。

1. 点击模板设置。

2. 点击 Cart drawer（购物车抽屉）。

3. 调整购物车设置：

• 要启用购物车抽屉，请选择显示购物车抽屉。

• 要启用订单备注，请选择显示购物车备注。

4. 点击保存。

苹果系统：

1. 在 Shopify 应用中，轻触商店。

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

3. 轻触 Manage themes（管理模板）。

4. 在 的模板设置 旁边，轻触自定义。

5. 轻触编辑。

1. 点击模板设置。

2. 点击 Cart drawer（购物车抽屉）。

3. 调整购物车设置：

• 要启用购物车抽屉，请选择显示购物车抽屉。

• 要启用订单备注，请选择显示购物车备注。

4. 点击保存。

安卓系统：

1. 在 Shopify 应用中，轻触商店。

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

3. 轻触 Manage themes（管理模板）。

4. 在 的模板设置 旁边，轻触自定义。

5. 轻触编辑。

1. 点击模板设置。

2. 点击 Cart drawer（购物车抽屉）。

3. 调整购物车设置：

• 要启用购物车抽屉，请选择显示购物车抽屉。

• 要启用订单备注，请选择显示购物车备注。

4. 点击保存。

Shopify商户官网原文详情：

Style

Settings in the style category make changes to multiple pages and sections in your theme. Below are the settings that you can change:

• Display product pages in an overlay: Choose whether to direct users to a new page or show the product page in an overlay on the home page.

If you show the product page in an overlay, then you can't show pickup availability.

• Edge style: Select whether to use sharp or rounded corners on elements in your theme, such as buttons, badges, and cards. (Version 1.11.0+)

Cart drawer

Express features a cart drawer that lets customers quickly view the contents of their cart and then continue shopping.

With Express, you can let your customers enter instructions with their order by enabling order notes in the cart drawer.

Adjust your cart settings

PC：

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

2. Next to Express, click Customize.

1. Click Theme settings.

2. Click Cart drawer.

3. Adjust the cart settings:

• To enable the cart drawer, select Show cart drawer.

• To enable order notes, select Show cart note.

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

5. Tap Edit.

1. Click Theme settings.

2. Click Cart drawer.

3. Adjust the cart settings:

• To enable the cart drawer, select Show cart drawer.

• To enable order notes, select Show cart note.

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

5. Tap Edit.

1. Click Theme settings.

2. Click Cart drawer.

3. Adjust the cart settings:

• To enable the cart drawer, select Show cart drawer.

• To enable order notes, select Show cart note.

4. Click Save.

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

（本文内容根据网络资料整理和来自用户投稿，出于传递更多信息之目的，不代表本站其观点和立场。本站不具备任何原创保护和所有权，也不对其真实性、可靠性承担任何法律责任，特此声明！）

常见问答(FQAS)

使用Shopify在控制面板创建主题。导航到\"外观\"->\"主题\",点击\"创建主题\"开始设计一个新的主题。

每个Shopify主题都包含一个assets文件夹,包含样式表、JavaScript文件和图片。最重要的文件是layout/theme.liquid,控制网站布局和结构。sections文件夹包含页面组件。

编辑assets/stylesheets/style.css文件覆盖默认样式。可以使用CSS选择器定制不同页面和组件的样式。也可以在此文件内引入其他样式表。

将新的.js文件添加到assets/javascripts文件夹中,然后在assets/theme.liquid中引入它。也可以在现有JS文件中添加新的功能代码。

抽屉组件通常包含在sections文件夹中。要启用,需要在模板中插入相应的Liquid代码某些位置,如页面底部。然后调整样式使其在点击后弹出。