# Shopify 极速版主题使用手册 基于 Dawn 开发的极速版主题 Light Speed ### 增强版和极速版如何选择 {% tabs %} {% tab title="极速版主题" %} * 包含 15 项常用功能，适用于不想通过插件实现，避免拖慢店铺网速的用户 * 追求降低插件数量，提升网速或预算有限可选择极速版主题 {% endtab %} {% tab title="增强版主题" %} * 包含更多功能 * 有能力建议直接上增强版，预算有限可以选择极速版 {% endtab %} {% endtabs %} ### [获取极速版主题](https://mbd.pub/o/bread/mbd-ZJaak5ly) ### 极速版主题包含哪些功能 * [Section 间距调节器，拖动调节模块之间的间距](https://www.bilibili.com/video/BV1xh41147KY?share_source=copy_web) * [产品系列滚动到接近底部时，自动加载更多商品](https://www.bilibili.com/video/BV1uU4y1m7S5?share_source=copy_web) * [支持变体图片组功能](https://www.bilibili.com/video/BV1uA411U7Uu?t=40.7) * [面包屑导航](https://www.bilibili.com/video/BV1d34y1p7YC/?t=600.1) * [信任徽章](https://www.bilibili.com/video/BV1zh411Q745?share_source=copy_web) * [销售卖点（小图标 + 文字）](https://www.bilibili.com/video/BV15m4y1w71h/?t=305.6) * [安全支付图标](https://www.bilibili.com/video/BV1Hb4y147BT?share_source=copy_web) * [产品页面上一/下一产品](https://www.bilibili.com/video/BV19N411Z7NV?share_source=copy_web) * [广告投放之商品单独置顶功能](https://www.bilibili.com/video/BV1e3411b7Qo?share_source=copy_web) * [屏蔽鼠标右键](https://www.bilibili.com/video/BV1d34y1p7YC?t=412.5) * [屏蔽同行查看店铺畅销产品](https://www.bilibili.com/video/BV1tL411c7pV?share_source=copy_web) * [屏蔽中文浏览器](https://www.bilibili.com/video/BV1d34y1p7YC?t=465.5) * [当客户切换到其他网页时将其召回](https://www.bilibili.com/video/BV1dY4y1Q7iw/?t=3.2) * [页面预加载](/switches/8.-qi-yong-ye-mian-yu-jia-zai) * [性能模式（使用压缩版代码，文件大小降低 22%）](/switches/9.-qi-yong-xing-neng-mo-shi) {% content-ref url="/pages/XuwXKwmHkRRYc0dyXLqc" %} [15. 广告投放之商品置顶功能](/others/15.-guang-gao-tou-fang-zhi-shang-pin-zhi-ding-gong-neng) {% endcontent-ref %} {% content-ref url="/pages/MGnUBMmFClmw1xW5CCM4" %} [14. 变体图片组功能](/others/14.-bian-ti-tu-pian-zu-gong-neng) {% endcontent-ref %} {% content-ref url="/pages/c2R8Io1irhjBYCaPGmzD" %} [13. 安全支付图标](/sections/13.-an-quan-zhi-fu-tu-biao) {% endcontent-ref %} {% content-ref url="/pages/h5Jz6LEqZxRLC3k9qkgb" %} [12. 销售卖点](/sections/12.-xiao-shou-mai-dian) {% endcontent-ref %} {% content-ref url="/pages/uIqvRCA7nGdb9T4NjsbC" %} [11. 信任徽章](/sections/11.-xin-ren-hui-zhang) {% endcontent-ref %} {% content-ref url="/pages/PVqEjDWlwn34zr9Z7LyP" %} [10. 间距调节器](/sections/10.-jian-ju-tiao-jie-qi) {% endcontent-ref %} {% content-ref url="/pages/2UctQkl0tQjID4MiE2Gd" %} [9. 启用性能模式](/switches/9.-qi-yong-xing-neng-mo-shi) {% endcontent-ref %} {% content-ref url="/pages/R6fXFHtfokF2GacXLs7N" %} [8. 启用页面预加载](/switches/8.-qi-yong-ye-mian-yu-jia-zai) {% endcontent-ref %} {% content-ref url="/pages/4YKVXpxLwc4EfZwjEg2m" %} [7. 屏蔽同行查看店铺畅销产品](/switches/7.-ping-bi-tong-hang-cha-kan-dian-pu-chang-xiao-chan-pin) {% endcontent-ref %} {% content-ref url="/pages/ILXPtPs3tootTQYxsswQ" %} [6. 当客户切换到其他网页时将其召回](/switches/6.-dang-ke-hu-qie-huan-dao-qi-ta-wang-ye-shi-jiang-qi-zhao-hui) {% endcontent-ref %} {% content-ref url="/pages/WeSSleVjg6PaWx50QYN3" %} [5. 快速查看同系列上一/下一产品](/switches/5.-kuai-su-cha-kan-tong-xi-lie-shang-yi-xia-yi-chan-pin) {% endcontent-ref %} {% content-ref url="/pages/GdpbIydsxcxJf0ACQS7V" %} [4. 面包屑导航](/switches/4.-mian-bao-xie-dao-hang) {% endcontent-ref %} {% content-ref url="/pages/mTNmnC8KK6wmYfSfcSCb" %} [3. 产品系列滚动自动加载更多商品](/switches/3.-chan-pin-xi-lie-gun-dong-zi-dong-jia-zai-geng-duo-shang-pin) {% endcontent-ref %} {% content-ref url="/pages/i9uknwdNZsyX58nJ4oyd" %} [2. 屏蔽中文浏览器](/switches/2.-ping-bi-zhong-wen-liu-lan-qi) {% endcontent-ref %} {% content-ref url="/pages/bhnfyuXbvnvFlAcVM2aG" %} [1. 屏蔽鼠标右键](/switches/1.-ping-bi-shu-biao-you-jian) {% endcontent-ref %} # 0. 支持一键开启和关闭的功能 ### 设置路径 * 后台主题列表 \~ 自定义 \~ 模板设置，勾选之后保存即可开启，关闭同理。 ### （点击查看大图，按 Esc 退出大图浏览） ![](/files/y1fzxEAw6zwMzA23Ltuc) ![](/files/l2HGCZoGgs8K48oHEIdf) # 1. 屏蔽鼠标右键 ### 用途 * 禁用右键点击，降低同行盗图和查看网站内容。 ### 用法 [0. 支持一键开启和关闭的功能](/switches/0.-zhi-chi-yi-jian-kai-qi-he-guan-bi-de-gong-neng) # 2. 屏蔽中文浏览器 ### 用途 * 屏蔽国内访客（屏蔽同行访问你的店铺） ### 用法 [0. 支持一键开启和关闭的功能](/switches/0.-zhi-chi-yi-jian-kai-qi-he-guan-bi-de-gong-neng) # 3. 产品系列滚动自动加载更多商品 ### 用途 * 当客户滚动到产品系列页面底部时，自动加载更多商品，方便客户继续浏览。 * 特别是移动端，页码很小，不方便点击，操作起来也麻烦，客户可能懒得点直接退出。 ### 用法 [0. 支持一键开启和关闭的功能](/switches/0.-zhi-chi-yi-jian-kai-qi-he-guan-bi-de-gong-neng) ### 效果演示 * [点击查看视频](https://www.bilibili.com/video/BV1uU4y1m7S5?share_source=copy_web) # 4. 面包屑导航 ### 用途 * 当客户从产品系列页面进入产品时，点击面包屑导航可以快速回到产品系列页面或者首页，继续浏览更多商品。 ### 用法 [0. 支持一键开启和关闭的功能](/switches/0.-zhi-chi-yi-jian-kai-qi-he-guan-bi-de-gong-neng) ### 示意图（点击查看大图，按 Esc 退出大图浏览） ![](/files/rsvkUD589fM7MbhpaPGW) # 5. 快速查看同系列上一/下一产品 ### 用途 * 当客户从产品系列进入一款产品时，可以快速浏览同系列的上一或下一款产品。 ### 用法 [0. 支持一键开启和关闭的功能](/switches/0.-zhi-chi-yi-jian-kai-qi-he-guan-bi-de-gong-neng) ### 示意图（点击查看大图，按 Esc 退出大图浏览） ![](/files/dTI6JzZrl65VpPUHYq61) # 6. 当客户切换到其他网页时将其召回 ### 用途 * 当客户切换到其他网页进行浏览时，吸引其注意力，继续回到你的店铺上浏览。 ### 用法 [0. 支持一键开启和关闭的功能](/switches/0.-zhi-chi-yi-jian-kai-qi-he-guan-bi-de-gong-neng) ### 效果演示 [点击查看视频](https://www.bilibili.com/video/BV1dY4y1Q7iw?t=3.2) # 7. 屏蔽同行查看店铺畅销产品 ### 用途 * 很多同行会通过在 /collections/all 这个产品系列中选择 best-selling 进行排序，查看你店铺的最畅销产品。开启此选项可禁用对畅销产品的查看。 ### 用法 [0. 支持一键开启和关闭的功能](/switches/0.-zhi-chi-yi-jian-kai-qi-he-guan-bi-de-gong-neng) # 8. 启用页面预加载 ### 用途 * 不论是电脑端鼠标点击还是移动端触屏点击，从准备点击到点击完成需要的时间可能达到几百毫秒，也就是零点几秒，通过预加载页面来提升客户的访问体验。 * [新窗口中查看 GIF 图](https://share.shopify2006.com/H9Vx0Mpg) （点击查看大图，按 Esc 退出大图浏览） ![](/files/L78yTRTSZZ4AOsX04cSw) ### 用法 [0. 支持一键开启和关闭的功能](/switches/0.-zhi-chi-yi-jian-kai-qi-he-guan-bi-de-gong-neng) # 9. 启用性能模式 ### 用途 * 开启选项之后将使用压缩版代码，文件体积减小 22%，提升加载速度。 * 部分代码截图（点击查看大图，按 Esc 退出大图浏览） ![](/files/1jyaT1cM56VfCpgKY37D) ![](/files/C0dWGAkb4nxsVaciOYIl) ### 用法 [0. 支持一键开启和关闭的功能](/switches/0.-zhi-chi-yi-jian-kai-qi-he-guan-bi-de-gong-neng) # 10. 间距调节器 ### 用途 * 主题预设的模块间距可能并不令人满意，此模块可通过拖拽快速调整模块之间的间距，无需修改代码。 ### 用法 * [参考视频](https://www.bilibili.com/video/BV1xh41147KY?share_source=copy_web) # 11. 信任徽章 ### 用途 * 一些图标 + 文字 提升信任或展示服务特点的功能 ### 用法 * [参考视频](https://www.bilibili.com/video/BV1zh411Q745?share_source=copy_web) # 12. 销售卖点 ### 用途 * 用在加购按钮附近的小图标 + 文字，简短阐述卖点或服务。 ### 用法 * [参考视频](https://www.bilibili.com/video/BV15m4y1w71h/?t=305.6) # 13. 安全支付图标 ### 用途 * 展示安全支付图标或促销折扣信息。方便直接更换图片，无需修改代码。 ### 用法 * [参考视频](https://www.bilibili.com/video/BV1Hb4y147BT?share_source=copy_web) # 14. 变体图片组功能 ### 用途 * 当产品变体很多时，切换变体仅显示对应的变体组，例如 全部蓝色变体、全部绿色变体等 ### 用法 * [参考视频](https://www.bilibili.com/video/BV1uA411U7Uu?t=40.7) # 15. 广告投放之商品置顶功能 ### 用途 * 免去频繁创建产品系列，避免显示混乱和管理繁琐 * 在同一个产品系列中置顶不同商品 ### 用法 * [参考教程与视频演示](https://shopify2006.com/shopify-top-products-in-collection-page/)