Shopify主题自定义开发教程

对于独立站有品牌塑造要求的商家来说，通过现有的主题模版自定义开发设置网站是一种不可或缺的手段。所以下文将围绕Shopify跨境电商独立站，向大家介绍Shopify主题自定义开发的主要教程，以供大家参考。

当使用 Shopify 主题编辑器自定义开发时，是在自定义页面模板，而不是单个页面本身，这意味着对特定模板所做的任何更改都将应用于使用该模板的所有页面。

可以自定义在线商店的内容、布局、排版和颜色，每个模板都提供了部分和设置，允许更改商店的外观，而无需触摸甚至查看任何代码。

Shopify 主题编辑器

Shopify独立站主题有许多部分是固定的，有些是可移动的。页眉（Header）和页脚（Footer）部分在页面上是固定的，它们将始终显示在页面上，无法更改它们的位置。

如图，其他部分的右侧有两个图标，分别是眼睛和垃圾桶图标。当将鼠标悬停在分区名称上时，可能还会在左侧看到一个烤肉串图标，这些部分是否显示在页面上取决于自己的设置，还可以在页眉和页脚之间移动它们以满足自己的自定义需要。

一、Shopify主题自定义开发公告栏和标题

可以在公告栏中显示有关自己Shopify业务的重要信息，例如提供的促销活动、配送延迟或任何更新的政策。但并非每个主题都有内置的公告栏，其他Shopify模板可能需要下载第三方应用程序才能显示。

对于 Dawn 主题，公告栏是现成的，可以对以下内容进行更改：

标题存在于所有商店页面上，因此这些更改将应用于整个商店，以下是可以使用 Dawn 主题对标题进行的一些调整：

Shopify主题标题部分

还可以在主题设置中编辑徽标、网站图标图像或更改调色板、排版等。

Shopify主题标题设置

接下来向下滚动以自定义其他部分，包括图像横幅、富文本、特色系列、拼贴、视频和多栏。其中每个部分都有自己的自定义选项，左键单击任何部分可以查看进行的更改菜单。

Shopify主题自定义开发各个部分

例如对于 Collage 部分，可以确定要展示的电商独立站产品系列和要展示的产品。

自定义Collage 部分

注：在编辑期间，不要忘记激活主题编辑器顶部的预览检查器。预览检查器允许直接从预览窗口导航到部分和块，并更快、更直观地找到相应的设置。

要添加部分，请单击蓝色按钮 Add section，然后从列表中选择新部分或在搜索栏中搜索特定术语。当然新添加的部分不必保持在页脚的正上方，它也可以在页面中上下移动。

要移动分区，请将鼠标悬停在 kebab 菜单上，当鼠标指针变为白手套时，单击并拖动图标以重新排列页面上的分区。

要删除某个部分，请左键单击要删除的部分，然后选择底部的回收站图标。

与页眉一样，对页脚分区所做的更改将在整个商店中显示。当然Shopify可自定义得选项将取决于商家使用的主题。

以下是可以使用 Dawn 主题在页脚中更改的一些内容：

可以在 Shopify 主题编辑器中做的另一件事是更改主题的常规设置，这些设置控制商店的外观。

要访问Shopify主题设置，请单击屏幕左上角的齿轮图标主题设置，然后会弹出 Shopify 自定义菜单。

Shopify 自定义菜单设置

当然Shopify 自定义选项取决于使用的主题，以下是可以在大多数 Shopify 主题中找到的一些自定义选项：