专注出海运营平台,解决跨境电商问题
当前位置:跨境智通山 > 其他跨境 > 跨境问答 > 正文

shopify模板自定义下拉菜单、弹出窗口和抽屉步骤

2022-03-22 17:30:54 跨境问答

下拉菜单和弹出窗口调整导航下拉菜单、弹出模态窗口和购物车弹出窗口的外观。自定义下拉菜单和弹出窗口PC:在 Shopify 后台中,转到在线商店>模板。找到您要编辑的模板,然后点击自定义。6.点击

目录

shopify模板自定义下拉菜单、弹出窗口和抽屉步骤

shopify模板自定义下拉菜单、弹出窗口和抽屉步骤详细回答

下拉菜单和弹出窗口

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

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

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商户官方网站