与 GemPages 合作时， 有时你可能会注意到 编辑器预览 和 直播发布 页.
例如，图像可能在编辑器中正确显示，但在页面发布后不会出现。
这些问题通常与产品可见性、发布状态或主题冲突有关。
常见原因及解决方法
查看最常见的原因并按照步骤确保您的产品页面正确显示。
1. GemPages 应用嵌入未启用
如果 您的 Shopify 主题中未启用 GemPages 应用，您的实时页面可能看起来损坏或无法显示正确的布局。
如何修复：
- 从你的 GemPages 仪表板，单击“ 打开 Shopify 编辑器.
- 在 Shopify 主题编辑器中，切换到 GemPages 主题助手.
- 点击 已保存 应用更改。
2. 产品模块设置不正确
如果您发布的产品页面显示的产品与预期不同，则产品模块可能设置不正确。
怎么修：
- 在 GemPages 编辑器中，单击产品模块以访问左侧边栏中的设置。
- 在下面 选择产品 部分中，选择 按指定产品显示.
此设置可确保模块动态显示分配给模板的产品，而不是手动选择的产品。
- 点击 发布 应用更改。
3. 产品在网店中不可见
有时，产品可能会在 GemPages 编辑器中正确显示，但不会显示在实时页面上。
解决方案：
- 导航到 Shopify 管理中心并选择 产品中心.
- 选择有问题的产品并确保其状态设置为 活跃.
- 在下面 销售渠道和应用程序 部分，验证 在线商店 已选择通道。
4. 未发布的变更
您在编辑器中所做的编辑只有在发布后才会在线显示。
- 从您的 GemPages 仪表板，访问编辑器中的产品模板。
- 单击“发布”以使用最新更改来更新页面的实时版本。
5. 主题 CSS 冲突
如果实时页面看起来不居中、太小或与编辑器中的对齐方式不同，则您的 Shopify 主题 CSS 可能覆盖了 GemPages 样式。
解决方案：
- 尝试暂时切换到默认 Shopify 主题（例如 Dawn）以确认问题是否仍然存在。
- 如果使用默认主题时设计看起来正确，则问题可能出在您当前主题中的自定义 CSS 上。在这种情况下，您可以调整或移除冲突的 CSS，或者使用 额外的 CSS 类 GemPages 中的选项来应用您自己的修复。
5. 响应式设计差异
如果实时页面在桌面、平板电脑或移动设备上看起来不同，则您的响应设置可能不匹配。
解决方案：
- 在编辑器中，检查每个设备视图（台式机、平板电脑、移动设备）。
- 评价 字体大小、边距和填充 为了保持一致性。
- 确保没有元素在断点处被隐藏或被错误地调整大小。
- 在编辑器和实时商店中预览页面。
常见问题
1. 为什么我的图片发布后丢失了？
如果 Shopify 和 GemPages 之间的图片未正确同步，通常会发生这种情况。解决方法：
- 仔细检查图像是否直接上传到 Shopify。
- 确保产品状态设置为 活跃 并可在网上商店销售渠道上购买。
- 返回到 GemPages 编辑器，重新发布页面，然后刷新您的实时网站。
如果问题仍然存在，请尝试清除浏览器缓存或在 Shopify 中重新上传图像，然后再次发布。
2. 为什么我的产品在实际页面上看起来不一样？
这通常发生在产品模块显示错误产品时。解决方法：
- 在编辑器中，选择 产品模块.
- 在“选择产品”下，选择“按分配的产品显示”。
- 再次发布页面以更新实时版本。
3. 为什么我的编辑没有在线更新？
编辑器中所做的编辑只有在您重新发布页面后才会显示。具体操作如下：
- 从 GemPages 仪表板打开您的产品模板。
- 点击 发布 将最新版本推送上线。
- 刷新您的商店页面以查看更新。
如果您仍然没有看到更改，请清除浏览器缓存或尝试以隐身模式排除缓存版本。
4. 为什么布局看起来与编辑器不一样？
这通常是由于 Shopify 主题的 CSS 覆盖了 GemPages 的样式所致。在这种情况下，请尝试暂时 切换到默认 Shopify 主题 （例如，Dawn）并检查布局是否正确。
如果可以，则问题出在您当前主题的自定义 CSS 上。您可以：
- 调整/删除主题中冲突的 CSS。
- 或者在 GemPages 中添加额外的 CSS 类并应用您自己的修复。
谢谢您的意见