# SOFUN

> Shopify 主题开发、电商 UX/UI 设计与增长优化服务，分享 Shopify 运营、开发和广告营销教程、实践博客及免费在线工具。

本站由 Kaiwen 维护，提供 Shopify 开发与电商设计服务、案例、教程、博客及免费在线工具。主要语言为简体中文。

图片转换工具在浏览器本地处理文件，不上传服务器；工具页面介绍的是功能，实际转换需要支持 Canvas 的浏览器。文章是实践经验，不代表 Shopify 官方文档。

## 网站与服务

- [Shopify 开发与电商设计](https://shopify.sofun.fun/index.md): Shopify 开发、电商 UX/UI、主题架构与增长优化的项目作品和技术文章。

## Shopify 项目案例

- [Novilla Shopify 响应式官网](https://shopify.sofun.fun/work/novilla.md): Novilla Shopify 响应式官网案例，展示桌面端与移动端一致的品牌内容、信息层级与商品发现体验。
- [SHOKZ Shopify 多市场官网](https://shopify.sofun.fun/work/shokz-multi-market.md): SHOKZ 韩国与美国 Shopify 官网案例，涵盖响应式开发、多市场内容组织和本地化购物体验。

## Shopify 教程

- [Liquid 基础](https://shopify.sofun.fun/docs/development/liquid-basics.md): Shopify Liquid 模板语言的常用语法。
- [Metafields 使用指南](https://shopify.sofun.fun/docs/development/metafields-guide.md): 使用 Shopify Metafields 扩展商品与页面数据。
- [Shopify 主题目录结构](https://shopify.sofun.fun/docs/development/theme-structure.md): 认识 Shopify 主题中常见目录与文件职责。
- [Shopify 教程总览](https://shopify.sofun.fun/docs/intro.md): Shopify 运营、开发与广告营销教程入口。
- [广告漏斗搭建](https://shopify.sofun.fun/docs/marketing/ad-funnel.md): Shopify 广告投放的基础漏斗结构。
- [Facebook Ads 入门](https://shopify.sofun.fun/docs/marketing/facebook-ads.md): Shopify 店铺使用 Meta 广告的基础设置。
- [Google Shopping 基础](https://shopify.sofun.fun/docs/marketing/google-shopping.md): Shopify 商品进入 Google Shopping 前的准备工作。
- [订单履约流程](https://shopify.sofun.fun/docs/operations/order-fulfillment.md): Shopify 订单处理、发货与售后跟进的基础流程。
- [商品页优化](https://shopify.sofun.fun/docs/operations/product-page-optimization.md): 提升 Shopify 商品页转化率的内容与结构方法。
- [开店前检查清单](https://shopify.sofun.fun/docs/operations/store-launch-checklist.md): Shopify 店铺上线前需要确认的基础设置。

## Shopify 博客文章

- [在 Shopify 产品系列筛选中展示 Color Swatch 色块](https://shopify.sofun.fun/blog/shopify-color-swatch-collection-filter.md): 从元对象、元字段到 Search & Discovery，完整配置 Shopify 产品系列页 Color Swatch 颜色筛选。
- [如何规划 Shopify 学习路径](https://shopify.sofun.fun/blog/shopify-learning-path.md): 按运营、主题开发和广告营销三个阶段规划 Shopify 学习路径。
- [修改 Shopify 主题前先确认三件事](https://shopify.sofun.fun/blog/theme-editing-notes.md): 修改 Shopify 主题前，先确认页面模板、Section 来源和共享 Snippet 的影响范围。

## 在线工具

- [图片格式转换（支持 SVG）](https://shopify.sofun.fun/tools/image-converter.md): 免费在线 SVG 转 PNG、SVG 转 JPG、SVG 转 WebP，支持上传 SVG 文件或粘贴代码、透明背景、图标与 Logo 尺寸设置。也可批量转换常见图片，自定义最长边，预览对比后逐张或 ZIP 下载；浏览器本地处理，不上传服务器。
- [在线工具](https://shopify.sofun.fun/tools.md): SOFUN 免费在线工具，支持 SVG 转 PNG、JPG、WebP，批量转换图片格式、自定义缩放尺寸与在线生成二维码，内容仅在浏览器本地处理。
- [二维码生成](https://shopify.sofun.fun/tools/qr-code-generator.md): 免费本地生成静态二维码，支持 Shopify 商品与折扣分享链接、WhatsApp 客服、邮箱、电话和中文文本。可选 UTM 营销参数、自定义颜色与 Logo，提供印刷尺寸建议，下载 PNG 或 SVG；不上传内容，不提供扫码次数统计。

## 博客索引

- [Shopify 博客](https://shopify.sofun.fun/blog.md): Shopify 运营、开发与广告营销的实践笔记。
- [历史博文](https://shopify.sofun.fun/blog/archive.md): 历史博文
- [标签](https://shopify.sofun.fun/blog/tags.md): Shopify 博客标签。
- [作者](https://shopify.sofun.fun/blog/authors.md): Shopify 博客作者。
- [2 篇博文 含有标签「运营」](https://shopify.sofun.fun/blog/tags/operations.md): Shopify 运营相关内容
- [3 篇博文 含有标签「开发」](https://shopify.sofun.fun/blog/tags/development.md): Shopify 开发相关内容
- [1 篇博文 含有标签「广告营销」](https://shopify.sofun.fun/blog/tags/marketing.md): Shopify 广告营销相关内容

## Optional

- [完整内容汇总](https://shopify.sofun.fun/llms-full.txt): 公开页面的可读文本。
- [Sitemap](https://shopify.sofun.fun/sitemap.xml): 可索引网页的规范 URL。
- [RSS 订阅](https://shopify.sofun.fun/blog/rss.xml): 最新博客文章。
- [Atom 订阅](https://shopify.sofun.fun/blog/atom.xml): 最新博客文章。