--- title: "SHOPLINE 主题审核要求" doc_type: static doc_category: static doc_version: v20270301 source_url: html: 'https://developer.shopline.com/zh-hans-cn/docs/theme-shop/shopline-theme-review-standards' md: 'https://developer.shopline.com/zh-hans-cn/docs/theme-shop/shopline-theme-review-standards.md' --- # SHOPLINE 主题审核要求 ## 关于本《要求》{#aV5kk} 创建主题时须遵守《SHOPLINE 主题审核要求》（下称“本《要求》”）。 在 SHOPLINE 主题商城（下称“主题商城”）发布的主题和默认设置必须满足本《要求》所列举的内容。如果你提交的主题不符合其中任何一项要求，SHOPLINE 有权拒绝你的主题上线请求，你需要重新更正或修改不符部分的内容后，方可重新提交审核。如你的主题通过审核上线主题商城后，仍需持续满足本《要求》。否则，SHOPLINE 有权对不符合其中任意一项要求的主题采取下架措施。 在提交审核前，请进行全面的测试，以确保其符合功能和质量标准。测试不充分的主题将被拒绝，SHOPLINE 将不会对其进一步审核；如同一主题在一次审核中出现多项不符合项目，可能会导致该主题审核时间延长。如同一主题修改超过三次仍未能通过审核，SHOPLINE 有权拒绝该主题的审核申请。 SHOPLINE 有权根据实际情况不时更新本《要求》的内容。为确保你的权益，你可以不时查阅本《要求》以了解最新的规范及标准。 ## 独家性要求{#UnQHC} 主题商城中的主题必须以主题商城为独有的、唯一的发布渠道。为使商家可以持续受益于最高质量的主题和最新的功能，提交审核的主题不能包含任何外部营销材料（无论该等营销材料服务于开发者自身或其他任何第三方）。 所有主题必须满足以下排他性要求： - SHOPLINE 主题商城上架的主题只能通过 SHOPLINE 主题商城进行分发。主题商城中的主题不得在其他市场平台分发。 - SHOPLINE 主题商城中的主题不能包含外链，例如主题开发者网站的链接或主题文件中的任何附属链接。 - 你的主题必须与 SHOPLINE 主题商城中已上架的其他主题（包括你自己的主题）有实质性区别。你必须对主题的设计和功能进行有意义的更改和创新。 ## 主题功能{#ICLju} 开发者提交过来的主题中，需包含的可让用户访问在线商店并使用的必备功能如下： ### 使用组件和区块来排列页面模板{#Ky8RW} 组件和区块是模块化组件，让商家能够自定义和扩展其主题。商家可以添加和删除组件和区块，调整组件和区块设置。 了解更多关于 [组件](https://developer.shopline.com/zh-hans-cn/docs/online-store-3-0-themes/theme-structure/sections.md) 和 [区块](https://developer.shopline.com/zh-hans-cn/docs/online-store-3-0-themes/theme-structure/blocks.md)。 ### 显示折扣{#XcjrZ} 折扣可以使用在购物车、结帐、订单项或者订单页面。这意味着折扣可以灵活地作用于特定的订单项目，或者整个购物车/订单。 了解更多关于 [折扣](https://developer.shopline.com/zh-hans-cn/docs/online-store-3-0-themes/theme-features/pricing-and-payment/discounts.md)。 ### 快捷结账{#DuVvm} 你需要支持商家启用提供异地结账功能的支付服务提供商，使客户的结账过程更快、更轻松。 了解更多关于 [快速结账](https://developer.shopline.com/zh-hans-cn/docs/online-store-3-0-themes/theme-features/pricing-and-payment/express-checkout-buttons.md)。 ### 店面筛选{#DvNv4} 店面筛选可以让商家轻松创建用于筛选收藏和搜索结果页面的筛选器。筛选器基于现有产品数据，例如类型、价格、多属性选项等。 了解更多 [店面筛选](https://developer.shopline.com/zh-hans-cn/docs/online-store-3-0-themes/search-and-filtering/filtering/storefront-filtering/supporting-storefront-filtering.md)。 ### 礼品卡{#cHwHJ} 支持礼品卡页面关键信息展示。顾客在店铺购物时可使用礼品卡的余额抵扣相应额度的订单金额。 ### 用于社交分享的图片{#EBxAU} 支持添加用于社交共享 [page\_image](https://developer.shopline.com/zh-hans-cn/docs/sline/object/page-image.md) 的对象，当商家在社交媒体上（例如 Facebook 或 Instagram）上分享其在线商店的链接时，可以在链接中显示缩略图。 了解更多关于 [社交分享图片](https://help.shopline.com/hc/zh-cn/articles/23888047679001-%E7%A4%BE%E4%BA%A4%E5%88%86%E4%BA%AB%E5%9B%BE%E7%89%87)。 ### 支持多种货币和语言{#vx5OX} 商家可以使用 SHOPLINE Payments 以多种货币和多种语言进行销售。这意味着客户可以使用他们首选的货币和语言浏览商店和结账。 你可以构建以下组件来为客户提供此功能： - [国家/地区选择器](https://developer.shopline.com/zh-hans-cn/docs/online-store-3-0-themes/multi-currency-and-multi-language.md#con) - [语言选择器](https://developer.shopline.com/zh-hans-cn/docs/online-store-3-0-themes/multi-currency-and-multi-language.md#lan) 了解更多关于 [多币种与多语言](https://developer.shopline.com/zh-hans-cn/docs/online-store-3-0-themes/multi-currency-and-multi-language.md)。 ### 导航{#mmSKo} 你需要支持商家为他们的商店导航创建菜单，这些菜单可以嵌套以创建下拉菜单。 ### 电子邮件订阅{#YjVQi} 你需要支持客户可以通过简易注册表单与客户注册表复选框两种方式同意通过主题进行电子邮件营销。 ### 商品推荐{#io9Lu} 商品推荐是向客户展示与当前商品相关或经常与当前商品一起购买的商品的好方法。这使客户能够了解他们可能感兴趣的商品，并有可能增加商家的销售额。 ### 商品媒体{#H6GZl} 支持商家将商品视频和图片添加到他们的产品中，例如图像、视频以及 YouTube 视频链接。 ### 预测搜索{#xhMvi} 你需要在主题中支持预测搜索，以便客户在输入搜索字段时立即显示建议的结果。预测搜索可帮助客户阐明和优化他们的搜索查询。 ### 多属性图片{#wfeO6} 你需要使主题能够使用多属性图片。 了解更多关于 [图片属性编辑](https://help.shopline.com/hc/zh-cn/articles/14384955996057-%E5%95%86%E5%93%81%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E%E4%BC%98%E5%8C%96%E4%B8%8E%E5%9B%BE%E7%89%87%E5%B1%9E%E6%80%A7%E7%BC%96%E8%BE%91)。 ## 指标性要求{#GnrPj} ### 性能{#Ejg2F} 通过跑分的方式对主题的性能进行衡量，开发者开发的主题需达到我们规定的分数。详情参考文档 SHOPLINE 主题的性能最佳实践 ### SEO得分{#ZTMDW} 通过跑分的方式对 SEO 进行衡量，Lighthouse SEO 评分需要达到 90。 ### 代码重合度{#d6PdF} 三方主题代码与官方主题代码在布局结构、核心功能实现或设计语言上必须有清晰、有意义的的差异性与区分度。 - 主题整体风格应该有明确的设计定位或行业重点。 - 主题应该存在有别于其他主题的创新点，必须具有有意义的差异，为商家带来独特价值。 - 主题的名字需确保在主题商城的唯一性和合规性（名称不得包含平台常用词汇、受版权保护的品牌名或任何误导性词语）。 - 主题内所有模板和组件（按钮、表单、弹窗等）在视觉风格和交互行为上须保持一致。 ## 代码要求{#oXlfu} ### 页面规范{#DHXtX} 从页面的维度出发，规范不同页面中的必备功能元素。 - 布局页面 - 商详页面 - 商品列表页面 - 分类列表页面 - 购物车页面 - 博客页面 - 文章页面 - 搜索页面 - 404页面 - 礼品卡页面 - 客户账号页面 - 密码页面 ### 一致性和功能性{#ruhRn} - 主题代码中不得包含任何可能影响主题编辑器和 SHOPLINE 商家后台功能正常使用的代码片段。 - 主题功能不得包含依赖第三方应用安装后方可实现完整功能的设计。 - 主题代码中使用的第三方代码库、字体、图标和图像都必须获得合法的商业使用授权。 ### 浏览器兼容{#EXIQM} 确保用户使用不同浏览器访问我们的主题时都能获得相同体验。 主题必须在所有主流浏览器的最新版本上提供良好的功能和视觉体验，并向前兼容至**最近的两个主要版本**。这包括： - Google Chrome - Safari：macOS 版及 iOS 版 - Mozilla Firefox - Microsoft Edge ### asset规范{#ZkSLj} 主题中仅使用原生 CSS 进行样式开发，不允许包含任何 CSS 扩展语言文件（如 SCSS、LESS 等）。 ### SEO规范{#UGaLo} - 主题必须包含渲染 SEO 元数据的代码片段，其中包含页面标题、meta 描述和 canonical URL 的数据渲染。 - 为了使 Google 更好地抓取网站内容，主题必须包含渲染 Google 结构化数据的代码片段。 ## 设计规范{#VLuiO} 在线商店是消费者了解品牌和产品的重要渠道，好的主题设计能够帮助商家高效完成在线商店的搭建，同时提供足够的灵活度让商家建立个性化的品牌形象。我们建议你从视觉样式、用户体验、响应式设计等角度进行考虑，更好地进行主题设计和构建，具体请遵循后文列举的设计指南。 ### 视觉样式{#rMsnd} 主题应当帮助商家展示品牌形象，在视觉上吸引人，并提供清晰的信息传达。 - 视觉元素保持一致性，包括间距系统、图标风格、布局方式、字体和颜色 - 品牌 Logo 能够灵活适配在不同尺寸的容器中，向消费者清晰展示 - 商品、分类、促销 banner 等图像清晰可见 - 图标表意清晰，没有歧义 #### 布局{#nbS2x} 页面的层级结构应保持清晰，主次分明。 - 信息呈现清晰，消费者能够找到所需的内容 - 建立平衡的视觉层次结构，符合用户阅读习惯 - 确保关键的操作目标清晰，如支付操作 - 使用统一的网格系统，并允许商家修改参数 - 提供适当的留白 #### 字体系统{#vJmb7} 字体系统设计应注重清晰易读、品牌一致性以及搭配效果。 - 选择易读的字体，确保文字清晰可辨，不影响消费者阅读体验 - 合理设置字体大小和行间距，以提高阅读舒适度和可读性 - 保证所有页面的相同元素均使用一致的字体，包括标题、正文和按钮等部分，以确保整体风格统一 - 选择配对搭配的字体组合，例如搭配一种适合标题的字体和一种适合正文的字体，以增加视觉吸引力 - 默认情况下不使用文本两端对齐 #### 颜色系统{#MAYQG} 好的颜色系统能够帮助商家塑造品牌形象，并增强消费者的浏览体验。 - 选择与品牌形象一致的主色调，并在整个网站中保持一致性 - 主题默认的颜色系统搭配和谐，符合目标行业调性 - 确保前景色和背景色具备足够的对比度，使文本和图像清晰可见 - 若有背景色设置，相应的前景色也要支持设置 ### 用户体验{#xxInc} 好的主题应当同时满足商家和消费者两个角色的使用体验，不仅能帮助商家高效搭建品牌同时让消费者流畅地浏览在线商店，提升转化。 #### 商家体验{#Mp2eV} 从商家的需求出发，主题定制能力应当具备一定的灵活性，同时易于使用，并满足特定的行业需求。 - 保证设置项的精简以满足大部分商家需求，避免过度个性化的样式定制功能 - 在设置界面为商家提供适当的帮助引导，包括功能说明、相关功能跳转、帮助文档跳转等 - 可将关联的设置项整合在一个分组中，保证商家设置体验的流畅性 - 根据目标行业的特性进行组件和功能的设计 #### 消费者体验{#anqFp} 电商用户体验的目标之一是使网站“自助服务”。这意味着消费者可以在没有帮助的情况下自主进行访问、浏览和结账。直观的在线商店具有较低的跳出率和较少的购物车遗弃率。 - 菜单导航直观且符合逻辑，具备清晰易懂的层次结构 - 购买路径快速、流畅，符合直觉 - 消费者能通过尽可能少的点击操作，流畅地搜索到所需的商品，如提供易用的搜索栏、筛选排序等 - 消费者能快速获取商品的关键信息，如价格、尺寸等，设计上可使其突出并易于阅读 - 提供清晰的商品图片展示，并支持消费者进行缩放 - 消费者能够轻松创建和管理账户信息 ### 响应式设计{#CBeOL} 使在线商店在不同设备（移动电话、电脑显示器、平板等）自适应并提供良好的用户体验。 - 优先考虑移动设备用户体验 - 使用响应式图片以适应不同屏幕尺寸和分辨率，确保图片清晰度和加载速度 - 采用简洁和有弹性的布局设计，使页面在不同设备上并呈现良好 ## 主题物料{#COugn} ### 主题和主题样式命名要求{#KY1wh} 当你将你的主题提交到主题商城时，请为你的主题取一个合适的名称，好的名称将会帮助商家了解你的主题。 #### 唯一性{#f8b60542} 主题与主题样式的名称必须是唯一的，需要区别于你的其他主题与主题商城中的其他主题，防止主题之间的混淆。 #### 简约性{#019fb0bb} - 主题名称必须使用英文命名，不多于 20 个字符，名称应具有品牌感或能暗示主题的风格。 - 主题样式的名称的英文命名不多于 20 个字符，并提供简体中文、繁体中文、日文、泰语、马来西亚语与印度尼西亚语的多语言翻译。 #### 独特性{#fdaa88a0} - 主题名称不能直接命名为某个行业，请不要将你的主题命名为如 Sports、Pet supplies、Books 等，可以采用更具创意和暗示性的词语来体现其适用领域。 - 为避免商标侵权和混淆，严禁在主题和样式名称中使用 "SHOPLINE"、"Shopify" 或任何其他企业、产品、服务或平台的名称（如 "Google", "Facebook", "Instagram" 等），包括与上述名称高度相似的名称。 - 主题和主题样式的名称不能包含公司名称或开发者名称，开发者名称将会在主题介绍维护后台提供上传，并在主题介绍页展示。 - 主题和主题样式的名称不要使用产品功能层面的名称进行命名，请不要将你的主题命名为如 Analytics，Discount，Product 等。 ## 主题版本和发行说明{#c105c173} 对主题版本更新时需要提供对应的版本更新发行说明，以便于商家了解版本内容决定是否进行版本升级。 ## demo 店铺{#ed8f0fc1} demo 店铺将有利于商家快速了解你的主题整体框架与所提供的功能，通过真实的店铺搭建与交互设计，商家可以快速了解该主题是否适用于他们的搭建需求。 - 每个主题必须包含一个 demo 店铺。 - 每个主题样式必须有一个可以区别其他样式的 demo 店铺。 - 所有演示商店页面都必须使用真实的文本内容。 - 为了提供真实的店铺体验给到商家，你可以在搭建 demo 店铺的过程中使用应用，对使用应用进行页面展示，需要在涉及的图片/文字处标明是由应用提供的对应能力。 ## 主题后期支持{#df8b6acc} - 你需要在收到邮件后的两个工作日内回复商家的对主题的疑问与支持请求。 - 你必须及时修复主题出现的关键 bug，否则你的主题会被我们从主题商城中暂时下架，直到你将 bug 修复完成。