系统状态
正在检查服务器状态...
选择安装方法
步骤 1：添加配置文件
在 Shopify 主题的 Assets 文件夹中创建 shipping-protection-config.js 文件，内容如下：
/**
* 运输保险插件配置
*/
window.SHIPPING_PROTECTION_CONFIG = {
appUrl: '加载中...'
};
步骤 3：在主题中引用脚本
在 Layout/theme.liquid 文件的 </body> 标签前添加：
<!-- 运输保险插件 -->
{% if template contains 'cart' %}
<script src="{{ 'shipping-protection-config.js' | asset_url }}" defer></script>
<script src="{{ 'shipping-protection.js' | asset_url }}" defer></script>
{% endif %}
步骤 4：测试
访问您的 Shopify 商店购物车页面，应该能看到运输保险选项。
✅ 完成！运输保险选项应该已经显示在购物车页面了。
⚠️ 此方法需要应用有
write_script_tags 权限，并完成 OAuth 认证。
步骤 1：确认权限
确保应用配置中包含 write_script_tags 权限。
步骤 3：自动安装
OAuth 认证成功后，应用会自动安装脚本标签到您的商店。
💡 这个方法适合快速测试，不需要修改主题代码。但仅在当前浏览器会话有效。
在购物车页面运行以下代码
1. 打开您的 Shopify 商店购物车页面
2. 按 F12 打开浏览器开发者工具
3. 切换到 Console 标签页
4. 复制并粘贴以下代码，然后按 Enter：
// 加载配置
window.SHIPPING_PROTECTION_CONFIG = {
appUrl: '加载中...'
};
// 加载脚本
const script = document.createElement('script');
script.src = '加载中...';
document.body.appendChild(script);
5. 刷新页面后应该能看到运输保险选项
故障排查
运输保险选项没有显示？
检查清单：
- ✓ 确认应用服务器正在运行（查看上方系统状态）
- ✓ 确认脚本文件已正确添加到主题
- ✓ 确认在购物车页面（URL 包含 /cart）
- ✓ 按 F12 检查浏览器控制台是否有错误
- ✓ 确认 appUrl 配置正确
查看详细日志