Jonas 经营着 KANTE，一个来自柏林、直面消费者的男士护理品牌。他的 Shopify 店铺产品好、价格实在，还用着付费主题。可大多数访客来到首页，看一眼大横幅就离开了。他在给我们的消息里写道：“我们的首页看起来像个模板。我希望它能像我们最好的 Instagram 广告一样卖货。”
这就是我们用三个 Shopify 自定义区块把首页变成店铺最佳销售员的故事——没有换主题，也没有新增任何应用。
关于本文：KANTE 是一个虚构品牌。项目综合了我们真实交付的 Shopify 工作，名称、产品和部分细节已更改。文中的区块、问题和解决方案都是真实的。
| 客户 | KANTE，男士护理，柏林（虚构） |
|---|---|
| 店铺 | Shopify，德语店铺，Online Store 2.0 付费主题 |
| 交付内容 | 主视觉图块、带加购按钮的聚光灯轮播、卖点滑块 |
| 新增应用 | 无 |
| 编辑者 | KANTE 团队，在主题编辑器中 |
告诉我们您的需求。您将获得固定报价、上线前的预览链接，以及归您所有的代码。
问题：首页只展示，不卖货
旧首页只有一个幻灯片和一个产品网格。看起来整洁，却没有让访客继续点击的理由：没有清晰的活动，没有通往套装的捷径，也没有解释 KANTE 修剪器为什么值这个价。德国消费者买东西前会仔细比较，缺少这个“为什么”就会丢单。
区块一：给每位访客一条路径的主视觉图块
首页不再只有一个横幅，而是一个带角标、醒目标题和按钮的大活动图块，加上直接通往套装和畅销品的堆叠图块。对活动不感兴趣的访客，也只需一次点击就能看到最畅销的产品。
所有内容都在主题编辑器中设置：宽度、桌面端和手机端分别设置的高度、文字位置、遮罩强度和颜色。该区块不使用任何 JavaScript，页面最重要的部分瞬间加载。
区块二：既讲解又卖货的聚光灯轮播
轮播的每张幻灯片展示一个技术优势（电机、肌肤舒适度、防水），并在幻灯片上直接放置产品栏和加入购物车按钮。当前幻灯片居中，两侧幻灯片微微露出，在手机上自然引导用户滑动。
它支持滑动、拖拽、键盘方向键、自动播放和循环，并打开主题自带的侧边购物车，购买体验与产品页完全一致。
任何付费主题都可能引发的 bug
首次安装后，轮播标题在线上店铺中不可见。该主题用一个定位图层绘制区块背景，盖住了我们的内容；同时 Shopify 仍在使用旧的缓存样式表。我们把内容提升到图层之上，将关键 CSS 内联输出，并为每个设置提供安全的默认值。这类细节只会在真实店铺中出现，这也是我们始终在线上主题副本上测试的原因。
区块三：为拇指设计的卖点滑块
在手机上，一排可滑动、带产品链接的卖点卡片取代了冗长的静态文字。每张卡片都是编辑器中的一个块，团队可以在几秒内为每次新品发布添加一张卡片。
KANTE 得到了什么，应该衡量什么
- 有清晰活动、一键直达套装和畅销品的首页
- 直接从首页加入购物车
- 三个可在每次活动中复用的区块，没有月费
- 现有主题内干净、快速的代码
我们不公开客户的转化数据。我们会设定清晰的指标与上一季对比：主视觉图块的点击、聚光灯产品栏的加购事件，以及包含套装的订单占比。
定制首页对您的店铺值得吗？
如果您的首页有流量、但点进产品的很少，自定义区块通常是最快的解决办法。您保留现有主题、应用和结账流程，同时获得一个按顾客购物习惯打造的首页。
主视觉图块、聚光灯轮播、卖点滑块，或您主题中缺少的任何区块。固定报价，上线前可预览。
常见问题
一个定制首页区块需要多长时间？
从报价确认到预览，单个区块通常只需几天。完整的首页套件时间更长，具体工期会写在报价中。
适用于我的主题吗？
适用于任何 Online Store 2.0 主题。我们会沿用主题的字体、按钮和产品卡片。
以后我能自己修改内容吗？
可以。每段文字、每张图片、产品、颜色和间距都是主题编辑器中的设置。
需要安装应用吗？
不需要。一切都内置于您的主题，没有月费。