Skip to main content

你的 Shopify 启动包

潮流用品独立站 · 启动包

整家店已经替你设计好了，就差放进你自己的 Shopify。跟着下面 6 步，大约 20 分钟，它就是你的。

导入需要在电脑上操作，建议收藏这一页。

打开演示店对照
潮流用品独立站的店铺首页截图

  1. 第 1 步：开好你的 Shopify 店

    模板要装进你自己的 Shopify 店里，没有店就没法导入。3 天免费，之后前 3 个月 $1/月。领取时已经开通的，直接看第 2 步。

  2. 第 2 步：拿到模板文件

    下载链接在邮件「你的潮流用品独立站模板到了，两步装进你的 Shopify」里。在电脑上打开邮件，下载 wutong-clothes-v1.zip（主题，不要解压）和 wutong-clothes-v1-data.xlsx（店铺数据）。没收到？先查垃圾邮件；还是没有，就回到启动包页面用同一个邮箱再领一次，会重新发送。

  3. 第 3 步：一次导入产品和页面

    1. 在 Shopify App Store 安装 Matrixify，免费版就够用
    2. 打开 Matrixify，在 Import 区域点 Add File，上传 wutong-clothes-v1-data.xlsx，确认识别出 6 张表后点 Import：
      • Files：8 个文件
      • Products：10 个产品
      • Smart Collections：4 个分类
      • Pages：3 个页面
      • Blog Posts：1 篇文章
      • Menus：2 个菜单
    3. 几分钟后完成：产品、分类、页面、博客、菜单和图片都会导进你的店

  4. 第 4 步：让店铺换上新装修

    1. 后台进入 在线商店 → 主题，点 添加主题 → 上传 zip 文件，选择 wutong-clothes-v1.zip
    2. 主题库里会出现两个同名主题，刚上传的那个显示刚刚的添加时间。点它的 ⋯ → 发布
    3. 打开店铺首页，它应该和演示店一模一样（要先完成第 3 步，图片才会显示）

  5. 第 5 步：换成你的品牌

    • Logo 和网站图标（必须换）：在线商店 → 主题 → 自定义 → 主题设置 → Logo 和网站图标
    • 示范内容：对照下方「必须修改清单」，把示范品牌、文案和图片换成你的
    • 首页 Bestseller 区块绑定的是示范产品：删除示范产品前，先在主题编辑器里点首页的 Bestseller 区块，把产品换成你自己的，否则首页这一块会变空。这个区块和产品页一样，选颜色时左边的图会换成对应款式的图，点圆点或箭头可以看其他图片
    • 你的产品：给产品打上标签就会自动进入对应分类，Tops 加 tops，Bottoms 加 bottoms，Sneakers 加 sneakers，Accessories 加 accessories。示范产品的重量都是 0，按重量算运费的要填真实重量。自己的产品上好后，删掉 10 个示范产品
    • 页面上的街头风元素（首页整套穿搭、选版型尺码条、分类按钮条）是主题自带的，不用改
    • 每件产品的模特身材和面料洗护：写在产品描述最末尾的一段里（在描述编辑器切到 HTML 视图能看到 wt-pdp-data，<h4>model</h4> 下一行一项「名称: 内容」，<h4>care</h4> 下一行一条）。这段在页面上不直接显示，由产品页的尺码区读取；删掉就显示主题自定义里的默认值。尺码表和鞋码表在主题编辑器的产品页「Size guide & care」区块里改
    • 配色不改也能直接用

  6. 第 6 步：补齐店铺政策

    免责声明：梧桐小讲堂不是法律顾问，以下内容不构成法律建议。政策页的内容请按你所在地区和销售地区的法律要求自行确认，必要时咨询专业人士。

    后台进入 设置 → 政策：

    • 退款政策、服务条款、隐私政策：显示「自动」并且已发布的，确认即可；没有「自动」的，点「从模板创建」并保存
    • 配送政策：Shopify 没有模板，需要你自己写，建议包含：
      • 发货地和订单处理时间（下单后多久发出）
      • 配送范围（发往哪些国家或地区）
      • 配送方式和预计送达时间
      • 运费怎么算、有没有包邮条件（要和 设置 → 配送和交付 里的运费规则一致）
      • 怎么查物流单号
      • 国际订单的关税和进口税由谁承担
      • 地址填错、包裹丢失或破损时怎么处理
    • 联系信息：必填，填写你的商号或公司名称、电话、邮箱和地址
    • 页脚的 Shipping policy 和 Return policy 链接会一直显示，所以配送政策和退款政策一定要填

完成了，你的店已经就位

现在它和演示店一模一样。接下来上架真实产品、设置收款、运费和域名，这些在梧桐小讲堂的 YouTube 频道里都有教程，搜索就能找到。

打开梧桐小讲堂频道

参考

必须修改清单

照着逐项改完，店里就不会留下 Wutong Street 的示范内容。

主题编辑器（在线商店 → 主题 → 自定义）

  • 页头 → 公告栏 → 两条公告

    示例 New season styles are here / New drops: shop the latest

    改成 你的品牌口号或活动信息

  • 首页 → Shop the look → 图片、小标题、标题、正文、清单里的 3 件单品和备注

    示例 hero-look.jpg / Look 01 · This week / Street-ready basics / Oversized Heavyweight Tee、Wide-Leg Cargo Pants、Low-Top Canvas Sneakers（Model wears L · oversized 等）

    改成 你的整套穿搭图、标题，以及图里那几件产品和尺码备注（删示范产品前先换）

  • 首页 → Fit strip → 标题和 3 种版型

    示例 Find your fit / Clean fit、True to size、Oversized

    改成 按你的产品版型改尺码建议（链接指向一个有尺码表的产品）

  • 首页 → Shop by category → 4 张分类图和名称

    示例 Tops、Bottoms、Sneakers、Accessories

    改成 你的分类和分类图。桌面端一行 4 个，手机端 2 × 2

  • 首页 → Ready-made outfits → 标题和 3 组搭配

    示例 Weekend、City layer、Smart casual，每组 3 个示范产品

    改成 你的搭配名称和产品（删示范产品前先换）

  • 首页 → New arrivals → 标题

    示例 New arrivals

    改成 你的标题（产品会自动显示店里的产品）

  • 首页 → Brand band → 标题、正文

    示例 Wear it your way. / Simple pieces that mix, match and last more than one season.

    改成 你的品牌主张

  • About → Attitude → 图片和 3 条态度

    示例 about-hero.jpg / Fit first、Mix easy、Wear it out

    改成 你的品牌横幅图和品牌态度

  • About → Fit chooser → 3 种版型和尺码建议

    示例 Regular、Relaxed、Oversized

    改成 你的版型说明

  • About → Promises → 4 条承诺

    示例 No shrink surprise、Heavy, not thin、Care on every page、Wrong size? Swap it

    改成 你能兑现的承诺

  • About → Lookbook → 6 张街拍和说明

    示例 City weekend、Wide and easy 等，每张绑定一个示范产品

    改成 你的街拍图和对应产品

  • 产品页 → Size guide & care → 尺码表、鞋码表、默认模特身材和洗护

    示例 服装 S–XL 尺码表、球鞋 US 7–12 鞋码表

    改成 你的尺码表和鞋码表（每件产品的模特身材和洗护写在产品描述里，见第 5 步）

  • FAQ → Questions → 各条问答

    示例 通用问答（Products & care 一组讲选尺码、深色防褪色、球鞋清洗）

    改成 逐条检查是否符合你的实际情况，按需增删

  • Contact → Contact form → 左栏 Email

    示例 hello@example.com

    改成 你的客服邮箱

  • 页脚 → Footer → 订阅区标题和说明

    示例 Join the Wutong Street crew / New drops, style notes and members-only offers.

    改成 你的品牌名和订阅说明

  • 页脚 → Utilities（工具栏）→ Social links（社交链接）

    示例 当前是 Facebook、Instagram、YouTube、TikTok、X 的平台首页

    改成 换成你自己账号的主页链接（如 https://www.instagram.com/你的账号）。没有的平台把链接清空，图标就会隐藏

  • 页脚 → Theme credit

    示例 梧桐小讲堂免费主题（此行可删除）

    改成 可以编辑文字，也可以直接删除整个 Theme credit 区块

  • 主题设置 → Logo 和网站图标

    示例 Wutong Street 文字 logo 和梧桐图标

    改成 你的 logo 和网站图标（第 5 步）

产品、分类、博客（后台对应页面，或改数据文件重新导入）

  • 所有产品 → 标题、描述、图片

    示例 10 个示范产品，描述末尾有一段 `wt-pdp-data`（模特身材和面料洗护）

  • 所有产品 → 尺码款式

    示例 上衣和裤子 S–XL 或腰围 28–34，球鞋 US 7–12，配件单一尺码

  • 所有产品 → 价格

    示例 示范价格 $18–$98；Chunky Leather Sneakers 设了原价 $120，用来展示 Sale 徽章

  • 所有产品 → 重量

    示例 都是 0

  • 4 个分类 → 标题、描述、封面图

    示例 Tops / Bottoms / Sneakers / Accessories

  • 博客文章 → 标题、作者、正文、封面

    示例 How to Build a Capsule Wardrobe，作者 Wutong Street

参考

图片规格

  • 首页 Shop the look 大图 1600 × 2000 px · 4 : 5

    一整套穿搭的人物图，人物站在画面中间，头和鞋都不要贴边，手机端也完整显示

  • 分类封面 1200 × 1500 px · 4 : 5

    首页 Shop by category 按 4 : 5 显示。主体放在中间，每个分类一张，风格和色调保持一致

  • 产品主图和款式图 2048 × 2048 px · 1 : 1

    纯白底，产品居中，四周留 10–15% 空白，产品页和卡片都完整显示、不裁切

  • 产品第二张图 2048 × 2048 px · 1 : 1

    生活场景图。分类页鼠标悬停时显示，比例必须和主图一致

  • 描述内配图 1440 × 1440 px · 1 : 1

    产品页下方详情区按原比例完整显示，按 2 倍宽度准备，高清屏上也清晰

  • About 页横幅 1920 × 1080 px · 16 : 9

    按原比例完整显示，图上不压文字

  • About 页街拍 1200 × 1500 px · 4 : 5

    Lookbook 6 张按 4 : 5 显示，人物居中

  • 博客封面 1600 × 900 px · 16 : 9

    文章页按 16 : 9 显示，首页和博客列表按 4 : 3 裁切显示，主体放在画面中间，四周留出余量

  • Logo 高 160 px，宽按 logo 实际比例（如 1000 × 160） · 横向

    透明底 PNG。页头桌面显示高 40px、手机 32px，四周不要留空白

  • 网站图标 512 × 512 px · 1 : 1

    透明底 PNG，图形简单，缩到浏览器标签页大小也能看清

图片格式用 JPG 或 WebP（logo 和网站图标用 PNG），单张控制在 500 KB 以内，加载更快。

参考

常见问题

首页或 About 页的图片没显示

主题里的图片读取的是 Files 表导入的文件，文件名必须完全一致（比如 wutong-clothes-v1-hero-look.jpg）。检查 Matrixify 结果文件里 Files 表有没有 Failed 行，修好后重新导入同一个数据文件。如果你已经在主题编辑器里换成了自己的图片，就不受影响。

图片比例不对，排版变形了

按上面的「图片规格」重新导出图片。产品主图和第二张图一定要是同一比例，否则分类页鼠标悬停换图时画面会跳。

导入后菜单没显示
  1. 菜单链接的页面或分类不存在：菜单项指向 about、faq、tops 等，如果 Pages 或 Smart Collections 导入失败，对应菜单项也会失败。先修好这两张表的报错，再重新导入同一个文件。
  2. 菜单 handle 不对：主题读取的是 main-menu（主导航和页脚 Explore 栏）和 footer（页脚 Help 栏）。在 在线商店 → 导航 里确认这两个菜单存在。
  3. 主题里没选菜单：在主题编辑器里点页头，确认菜单选的是 Main menu；点页脚的 Explore 和 Help 菜单块，确认分别选的是 Main menu 和 Footer menu。
产品页的尺码区显示的不是这件产品的模特身材或洗护

尺码区读取产品描述末尾 wt-pdp-data 那一段。在描述编辑器切到 HTML 视图，确认 <h4>model</h4>、<h4>care</h4> 下面每行一项；这段被删掉时，会显示主题自定义里的默认值。

产品页、FAQ 里的政策链接不见了

这些链接只在对应政策填写后才显示，产品页、Contact、FAQ 和 About 里的政策链接都是这样。到 设置 → 政策 填好配送政策和退款政策，链接会自动出现（第 6 步）。

导入时报错怎么办

在 Matrixify 下载导入结果文件，筛选 Failed 的行，旁边会写明原因。修好后重新导入同一个文件即可，已存在的内容会被更新，不会重复创建。

还是没解决？

上面的常见问题都试过了还不行，可以在这里提交。我们每周集中回复一次，只解答启动包本身的问题，不提供通用建站咨询。

表单加载中…

本页含联盟链接，购买后本站可能获佣金，价格不变。