使用预览检查器进行自定义

您可以使用预览检查器直接从预览窗口导航到分区和区块,从而更快速、更直观地找到相应的设置。借助预览检查器,您可以直接从预览窗口中对分区和区块进行重新排序、隐藏或复制。

预览检查器适用于 Shopify 提供的所有免费模板,并且默认处于激活状态。

激活或停用预览检查器

您可以在编辑期间点击 预览检查器 按钮来打开或关闭预览检查器。

使用菜单栏中的切换按钮打开或关闭预览检查器

预览检查器激活后,您可以点击任何带轮廓的元素以打开相应的设置。在移动设备上,预览检查器激活后,您可以点击任何元素以选择相应的设置。您可以通过此选定设置打开底部面板进行编辑。

选择了“带文本图片”分区且在侧边栏中加载了相应设置时的预览检查器

在预览窗口中点击您网站的任何部分都会在侧边栏中加载相应的设置。在移动设备上,点按两次将像客户一样导航网站。

在预览检查器中添加分区和区块

在使用预览检查器时,您可以直接从预览窗口将分区和区块添加到模板中。若要通过 Shopify 应用 使用预览检查器,请长按某个分区以管理该分区。

预览检查器“添加分区”选项

预览检查器“添加区块”选项

预览检查器中“添加分区”和“添加区块”按钮的描述。
工具描述
添加分区添加分区按钮显示在所选分区的顶部和底部。点击添加分区按钮可在所选分区的上方或下方插入新分区。
添加区块当您将光标悬停在现有区块上时,系统会显示添加区块按钮。若要添加区块,请将光标移至 添加 按钮上。系统会显示一个弹出菜单,其中包含可添加到所选分区的模板区块和应用区块。点击您想添加的区块。新区块的设置窗口将在右侧边栏中加载。

预览检查器工具

您可以使用预览检查器在模板编辑器中移动、隐藏、复制或删除分区和区块。

预览检查器工具集

可用预览检查器工具列表,包括移动、复制、隐藏和删除分区或区块。
工具操作描述
移动到上一个位置按钮移动到上一个位置点击此按钮,使用预览检查器中的箭头图标将分区或区块移动到下一个位置或上一个位置。如果所选分区位于页面顶部,则 移动到上一个位置 按钮将灰显。同样,如果您的分区位于页面底部,则无法使用 移动到下一个位置 按钮。
移动到下一个位置按钮移动到下一个位置
复制按钮复制分区或区块点击此按钮可复制分区或区块及其内容。
隐藏隐藏分区或区块点击此按钮可隐藏分区或区块。隐藏分区或区块后,您将无法从预览检查器中取消隐藏它。您可以点击菜单栏中的 撤销 按钮,或点击侧边栏菜单中分区或区块旁边的 隐藏 按钮来取消隐藏它。
删除按钮删除分区或区块此按钮可在预览检查器中删除所选分区或区块。