一、先了解Craft与Crave的分区设计思路
Shopify的Craft和Crave主题都属于在线商店2.0架构下的免费主题,最大特点是把页面拆分成一个个独立的分区。分区可以理解为页面上的功能模块,比如横幅图片、产品网格、文字介绍、视频或新闻通讯表单。商家在后台主题编辑器中看到的首页、产品页、集合页等,本质上就是由多个分区按顺序堆叠而成。Craft主题更偏向手作、艺术家和设计类店铺,分区里常带有作品集展示、手作故事、细节放大等内容类型。Crave主题则适合食品、烘焙、餐厅类业务,内置了菜单列表、食材来源说明、促销信息条等分区。
理解这种分区设计是自定义的第一步。以前修改主题往往需要编辑代码,而使用分区后,大部分布局调整可以直接通过拖拽完成。你可以把不需要的分区隐藏,也可以复制已有分区并修改文字。Craft和Crave的每个分区又包含多个内容块,例如一个产品列表分区里可以单独调整标题、产品数量、图片比例等。这种区块化结构让非技术人员也能安全地改动页面,而不会破坏整站样式。
| 主题 | 定位 | 特色分区示例 |
|---|---|---|
| Craft | 手工艺、艺术设计 | 作品集、手作故事、博客精选 |
| Crave | 食品饮料、餐饮烘焙 | 菜单列表、促销横幅、视频食谱 |
需要明确的是,分区分为首页分区和通用分区两类。首页分区只能用于首页模板,通用分区则可以出现在产品页、集合页或自定义页面中。Craft和Crave都提供了多套预设首页模板,开启后能看到不同的分区组合。建议第一次自定义时先浏览一遍预设,了解哪些分区适合自己的品牌,再动手调整。
二、在主题编辑器中自定义首页分区
进入Shopify后台,点击在线商店下的主题,找到Craft或Crave主题并点击自定义。编辑器左侧会显示当前模板下的所有分区,右侧是实时预览。首页通常默认包含顶部横幅、精选产品、产品系列列表、品牌故事等分区。点击任意分区标题,左侧会展开该分区的设置面板,可以在面板里修改标题、选择要展示的产品或集合、调整图片位置和按钮文字。
如果需要调整分区顺序,只需在左侧列表中拖动分区上下移动。需要删除某个分区时,点击分区名称旁边的眼睛图标可以暂时隐藏,点击删除按钮可以移除。添加新分区则点击左侧底部的添加分区按钮,会弹出该主题支持的所有分区类型。Craft主题中常见的有作品集、博客文章、自定义HTML、拼贴画等;Crave主题则提供菜单、视频、带文字的图片、新闻通讯等。选择后新分区会出现在列表末尾,再拖到合适位置即可。
每个首页分区下面还可以添加内容块。例如在精选产品分区中,可以增加多个产品块,每个块选择不同的产品并单独设置标题。对于Crave主题,菜单分区允许添加多道菜品,每道菜品都能配上名称、价格和描述。这种灵活的内容块机制很适合需要频繁更换推荐商品或季节性菜单的店铺。
三、为不同页面创建并分配模板
除了首页,产品页、集合页和普通页面也可以使用不同的模板。Craft和Crave主题内置了多个模板类型,比如产品页有默认产品模板、带强调图的产品模板、带侧边栏的产品模板等。你可以根据商品类型选择不同模板。例如Craft主题的定制手作品可能希望突出大图细节,就可以使用带画廊的产品模板;Crave主题的食品套装则可能更适合带购买选项和营养成分说明的模板。
创建新模板的方法并不复杂。在主题编辑器中,点击顶部的页面选择器,切换到产品或集合页面。然后点击左侧的更改模板,选择已有的模板,或点击创建模板。创建时需要输入模板名称,并选择基于哪个现有模板。之后就可以在新模板里自由添加或调整分区。例如你想为某款招牌蛋糕做一个专属产品页,可以创建名为招牌蛋糕的模板,加入视频分区展示制作过程,再加入评价或常见问题分区。
分配模板通常在Shopify后台对应的资源页面里进行。打开某一款产品,右侧模板设置里可以选择刚创建的模板。集合页和静态页面同样支持模板分配。这意味着同一个店铺可以同时存在多种页面布局,无需为每个产品单独设计网页。Craft主题适合为不同系列作品设置不同模板,Crave主题则适合为节日礼盒或限时套餐做专属落地页。
四、调整颜色、字体与布局等全局设置
分区和模板解决的是页面结构问题,而全局设置影响整个店铺的视觉一致性。在主题编辑器的左侧最上方通常有一个主题设置按钮,点击后可以调整颜色、字体、按钮样式、动画效果和布局宽度。Craft主题提供了较为柔和的默认色板,适合手工感和自然材质;Crave主题则常搭配更浓郁的暖色系,用于激发食欲。
颜色设置一般包括背景色、文字色、链接色和按钮色,可以保存多套配色方案。字体方面可以选择标题字体和正文字体,部分主题还支持调整字重和字号。布局设置中常见的有内容宽度、网格间距、图片圆角等。对于移动端,Craft和Crave会自动响应式适配,但也可以单独设置移动端的产品列数或隐藏某些装饰元素。
全局设置虽然不直接影响某个具体分区,但会改变所有分区的默认样式。比如你把按钮形状从方形改为圆角,所有按钮都会同步变化。因此建议在开始编辑分区前先确定好全局配色和字体,避免后期反复修改。如果之后想单独让某个分区的按钮颜色不同,可以在该分区的设置面板中找到覆盖选项。
五、自定义分区时需要注意的几个问题
第一是内容与图片的尺寸。Craft和Crave的分区对图片宽高比有一定要求,比如横幅建议使用宽幅图片,产品网格建议统一比例。如果图片尺寸不匹配,预览或实际页面可能出现裁切或留白。上传前可以查看主题文档中的建议尺寸,或者在编辑器里使用图片焦点工具调整主体位置。
第二是不要过度堆叠分区。首页分区过多会拉长页面,影响加载速度和用户耐心。通常保留一个清晰的头部横幅、一个精选产品区、一个品牌故事区和一个新闻通讯区就足够。Craft主题适合多用作品集分区展示细节,但也要控制数量。Crave主题的菜单分区本身信息量大,不宜再叠加太多图文模块。
第三是修改前先复制主题或备份。虽然主题编辑器支持撤销操作,但一旦保存并发布,改变就会对在线店铺生效。建议在草稿状态下调试,确认无误后再发布。Shopify允许复制主题,复制后的版本可以作为测试环境,所有设置调整都不会影响正式店铺。完成后再把测试主题发布即可。
第四是关注移动端效果。Craft和Crave的桌面端布局可能在手机上表现为纵向堆叠,某些分区在移动端可能默认隐藏。每次调整后都应切换到移动端预览模式,检查图片是否遮挡文字、按钮是否容易点击、表格或菜单列表是否溢出屏幕。必要时可以在分区设置中单独关闭移动端显示。
Shopify主题自定义Craft主题Crave主题 修改时间:2026-08-28 08:13:39