shopify商店Minimal分区自定义页脚步骤

2024-01-01 14:01:26
By 全幼儿园最酷

页脚

模板的页脚是显示在商店中每个页面底部的分区。 您可以向页脚中添加以下功能:

  • 付款图标

  • 菜单

  • 新闻通讯注册

  • 包含有关您业务的信息的文本分区

  • 您的最新博客文章的摘录

  • 社交媒体图标

页脚中显示的社交媒体图标由您的模板设置控制。

添加付款图标

您可以在页脚中显示您接受的付款方式的图标。此区域会显示与您在后台的支付设置部分中启用的支付服务提供商相关联的图标。当客户访问您的商店时,系统会筛选这些图标,以便仅显示当前客户的所在地区和所用货币支持的付款方式。

PC:

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

  2. 点击 的分区 旁边的自定义

  1. 点击页脚

  2. 查看显示付款图标

  3. 点击保存

添加菜单、新闻通讯注册、文本、社交媒体图标或您的最新博客文章

苹果系统:

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

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

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

  4. 在 的分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击页脚

  2. 查看显示付款图标

  3. 点击保存

添加菜单、新闻通讯注册、文本、社交媒体图标或您的最新博客文章

安卓系统:

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

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

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

  4. 在 的分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击页脚

  2. 查看显示付款图标

  3. 点击保存

添加菜单、新闻通讯注册、文本、社交媒体图标或您的最新博客文章

PC:

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

  2. 点击 的分区 旁边的自定义

  1. 点击页脚

  2. 若要添加内容块,请点击内容区域中的添加内容。从以下选项中选择块的类型:

- [Menu](/manual/online-store/menus-and-links) - [Newsletter](/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/theme-newsletter) - Text - Social accounts - Latest blog post

您最多可以添加 6 个内容块。

若要删除内容块,请点击该块,然后点击删除内容

若要自定义内容块,请点击该块并编辑设置。

  1. 点击保存



苹果系统:

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

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

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

  4. 在 的分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击页脚

  2. 若要添加内容块,请点击内容区域中的添加内容。从以下选项中选择块的类型:

- [Menu](/manual/online-store/menus-and-links) - [Newsletter](/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/theme-newsletter) - Text - Social accounts - Latest blog post

您最多可以添加 6 个内容块。

若要删除内容块,请点击该块,然后点击删除内容

若要自定义内容块,请点击该块并编辑设置。

  1. 点击保存



安卓系统:

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

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

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

  4. 在 的分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击页脚

  2. 若要添加内容块,请点击内容区域中的添加内容。从以下选项中选择块的类型:

- [Menu](/manual/online-store/menus-and-links) - [Newsletter](/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/theme-newsletter) - Text - Social accounts - Latest blog post

您最多可以添加 6 个内容块。

若要删除内容块,请点击该块,然后点击删除内容

若要自定义内容块,请点击该块并编辑设置。

  1. 点击保存



Shopify商户官网原文详情:

Footer

Your theme's footer is the section that appears at the bottom of every page in your store. You can add the following features to your footer:

  • payment icons

  • a menu

  • a newsletter signup

  • a text section containing information about your business

  • an excerpt from your latest blog post

  • social media icons

The social media icons that appear in the footer are controlled by your theme settings.

Add payment icons

You can display icons for the payment methods that you accept in your footer. This area displays the icons that are associated with the payment provider that you have enabled in the payment settings section of your admin. When a customer visits your store, these icons are filtered so that only the payment methods that are supported in the current customer's region and currency are displayed.

PC:

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

  2. Next to Minimal, click Customize.

  1. Click Footer.

  2. Check Show payment icons.

  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. Click Footer.

  2. Check Show payment icons.

  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. Click Footer.

  2. Check Show payment icons.

  3. Click Save.

Add a menu, a newsletter signup, text, social media icons, or your latest blog post

PC:

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

  2. Next to Minimal, click Customize.

  1. Click Footer.

  2. To add a content block, in the Content area, click Add content. Select the type of block from the following choices:

    - Menu

    - Newsletter

    - Text

    - Social accounts

    - Latest blog post

    You can add up to 6 content blocks.

    To remove a content block, click on the block and then click Remove content.

    To customize a content block, click on the block and edit the settings.

  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. Click Footer.

  2. To add a content block, in the Content area, click Add content. Select the type of block from the following choices:

    - Menu

    - Newsletter

    - Text

    - Social accounts

    - Latest blog post

    You can add up to 6 content blocks.

    To remove a content block, click on the block and then click Remove content.

    To customize a content block, click on the block and edit the settings.

  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. Click Footer.

  2. To add a content block, in the Content area, click Add content. Select the type of block from the following choices:

    - Menu

    - Newsletter

    - Text

    - Social accounts

    - Latest blog post

    You can add up to 6 content blocks.

    To remove a content block, click on the block and then click Remove content.

    To customize a content block, click on the block and edit the settings.

  3. Click Save.



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



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


常见问答(FQAS)


我如何在Shopify商店中添加自定义分区和页脚?

在Shopify管理面板的“设置”选项卡中,选择“分区”,然后点击“新建分区”。选择一个分区类型,如“页脚”或“产品页”,输入分区名称和描述,然后点击“保存”。接下来您可以在编辑分区中添加HTML、Liquid代码或应用来自定义其内容和样式。

分区内容如何响应式适应不同屏幕大小?

您可以使用CSS媒体查询来根据屏幕大小调整分区元素的样式。例如,对小屏幕设备使用更小的字体,将元素排成一列显示等。您也可以使用Liquid if条件语句来针对不同设备显示不同的内容部分。这可以确保分区在各种屏幕上都显示效果优化。

如何确保分区内容响应式?

要让分区内容响应式,首先需要使用灵活的CSS布局,如流体列(fluid columns)、自适应图像(responsive images)等。其次需要使用媒体查询来针对不同尺寸屏幕调整内容展示。同时也可以使用Liquid条件判断来针对不同设备显示不同部分内容。最后不要忘了为元素添加最大宽度,以防止它们在大屏幕上失去控制。