下拉菜单和弹出窗口

调整导航下拉菜单、弹出模态窗口和购物车弹出窗口的外观。

自定义下拉菜单和弹出窗口

PC:

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

  2. 找到您要编辑的模板,然后点击自定义

6.点击模板设置。7. 点击下拉菜单和弹出窗口。8. 使用滑动标尺更改边框的外观。9. 使用滑动标尺更改阴影。将阴影不透明度设置为 0% 会移除阴影。10. 点击保存。

苹果系统:

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

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

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触编辑

6.点击模板设置。7. 点击下拉菜单和弹出窗口。8. 使用滑动标尺更改边框的外观。9. 使用滑动标尺更改阴影。将阴影不透明度设置为 0% 会移除阴影。10. 点击保存

抽屉

抽屉是隐藏的交互式容器,会在轻触或点击时显示和消失,例如可折叠的导航菜单或筛选选项。

自定义抽屉

PC:

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

  2. 找到您要编辑的模板,然后点击自定义

3.点击模板设置。4. 点击抽屉。5. 使用滑动标尺更改边框的外观。6. 使用滑动标尺更改阴影。将阴影不透明度设置为 0% 会移除阴影。7. 点击保存

苹果系统:

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

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

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触编辑

6.点击模板设置。7. 点击抽屉。8. 使用滑动标尺更改边框的外观。9. 使用滑动标尺更改阴影。将阴影不透明度设置为 0% 会移除阴影。10. 点击保存。

安卓系统:

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

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

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触编辑

6.点击模板设置。7. 点击抽屉。8. 使用滑动标尺更改边框的外观。9. 使用滑动标尺更改阴影。将阴影不透明度设置为 0% 会移除阴影。10. 点击保存

Shopify商户官网原文详情:

Dropdowns and pop-ups

Adjust the appearance of navigation dropdowns, pop-up modals, and cart pop-ups.

Customize dropdowns and pop-ups

PC:

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

  2. Find the theme that you want to edit, and then click Customize.

  1. Click Theme settings.

  2. Click Dropdowns and pop-ups.

  3. Use the sliding scales to change the appearance of your Border.

  4. Use the sliding scales to change the Shadow. Setting the shadow opacity to 0% removes the shadow.

  5. Click Save.

iPhone:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Dropdowns and pop-ups.

  3. Use the sliding scales to change the appearance of your Border.

  4. Use the sliding scales to change the Shadow. Setting the shadow opacity to 0% removes the shadow.

  5. Click Save.

Android:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Dropdowns and pop-ups.

  3. Use the sliding scales to change the appearance of your Border.

  4. Use the sliding scales to change the Shadow. Setting the shadow opacity to 0% removes the shadow.

  5. Click Save.

Drawers

Drawers are hidden, interactive containers that appear and disappear when tapped or clicked, for example, a collapsible navigation menu or filter options.

Customize drawers

PC:

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

  2. Find the theme that you want to edit, and then click Customize.

  1. Click Theme settings.

  2. Click Drawers.

  3. Use the sliding scales to change the appearance of your Border.

  4. Use the sliding scales to change the Shadow. Setting the shadow opacity to 0% removes the shadow.

  5. Click Save.

iPhone:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Drawers.

  3. Use the sliding scales to change the appearance of your Border.

  4. Use the sliding scales to change the Shadow. Setting the shadow opacity to 0% removes the shadow.

  5. Click Save.

Android:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Drawers.

  3. Use the sliding scales to change the appearance of your Border.

  4. Use the sliding scales to change the Shadow. Setting the shadow opacity to 0% removes the shadow.

  5. Click Save.

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


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