使用主题编辑器设计您的商店
选定心仪的商店主题后,您可以进入主题编辑器,使用 SHOPLINE 的内置工具来个性化布置您的商店。本指南将带您了解如何进入编辑器、熟悉其核心功能以及进行高级设置,帮助您快速打造一个极具吸引力的在线商店。
进入主题编辑器
选定商店主题后,请按照以下步骤进入主题编辑器并开始个性化布置您的商店:
在 SHOPLINE 管理后台,前往 在线商店 > 设计。
前往 我的主题 分页,在 当前主题 板块中点击 设计。
随后即可在主题编辑器中开始个性化设定您的主题。
主题编辑器功能简介
点击当前主题上的 设计 按钮,即可进入 SHOPLINE 主题编辑器。以下是主要工具的概览:
页面选择器与预览操作
使用页面选择器和预览工具,可以快速切换布局并在发布前查看更改效果。
页面选择器:在不同页面(如首页、商品详情页)之间切换,以个性化设置各个页面的布局。
-
预览按钮:点击右上角的 预览,可选择:
在编辑器预览:在当前编辑器窗口中查看更改。
查看在线网店:在窗口中打开已发布的在线商店。
组件侧边栏(左侧边栏)
通过组件侧边栏添加、重新排列和个性化设置页面元素,管理网站的视觉结构。
- 添加组件:点击 添加组件 插入并配置新的页面模块。
- 拖拽排序:通过拖拽轻松移动 Sections 和 Blocks,调整页面结构。
全局设置
通过配置全店的全局样式来保持品牌一致性。您可以个性化设置品牌识别(徽标 Logo 和网站图标 Favicon)、排版、颜色以及布局元素(如按钮、卡片和媒体容器),确保品牌形象的一致性。
设备预览选项
通过多种预览方式,确保您的商店在各种屏幕尺寸下都表现专业:
- 图标切换:点击页面选择器旁的电脑或手机图标,快速切换预览视图。
- 预览设备选择:点击编辑器底部的 预览机型,可选择各种流行的智能手机和平板电脑型号。
- 手机二维码:将鼠标悬停在二维码图标上,使用手机扫描即可直接在您的移动端设备上预览主题。
撤销与重做:快速编辑
在个性化布置商店时,您可以轻松撤销或重做最近对布局或设置所做的更改。这让您可以大胆尝试不同的设计,并根据需要快速恢复先前的编辑或重新应用更改,且不会影响已保存的工作进度。
个性化设置商店默认文本
每个主题都附带内置的默认文本,但您可以通过 编辑语言 功能进行个性化设置。这让您可以调整在线商店的系统用词,使其更符合您的品牌语调。以下是两个常见的应用场景:
| 注意:如需了解所有主题管理功能的概览,请参考文章《SHOPLINE 主题介绍》。 |
应用场景 1:个性化设置版权信息
您可以更改系统标准的版权声明,加入您的品牌名称或特定信息。例如,将「© 2026 您的品牌名称」更改为「Copyright © 2026 您的品牌名称。保留所有权利。」
设置步骤:
- 在主题编辑器中,点击 [...] 图标(更多操作) 并选择 编辑语言。
- 使用搜索栏查找特定信息(例如:Copyright)。
- 在字段中输入您的个性化文字,然后点击 更新。
应用场景 2:多语言优化
如果您的商店支持多种语言,您可以切换不同的语言分页,以确保每个默认标签在不同市场都能得到自然、准确的翻译。
设置步骤:
- 在主题编辑器中,点击 [...] 图标(更多操作)并选择 编辑语言。
- 在编辑界面的顶部,点击 切换 选择您想要优化的语言分页。点击 完成 保存更改。
- 搜索您想要调整的词组(例如:error 404 message),输入本地化文字,然后点击 更新。
|
注意:
|