设计基地
剖面设计
GemPages 版块设置：布局、背景、形状和高级控件为什么我的设计没有显示在平板电脑视图中？优化所有设备的英雄横幅图像如何在 GemPages 中使用产品元素设计产品详情页面使用变体和色板元素设计产品颜色色板使用文章列表元素在主页上设计最新博客文章部分使用产品列表元素设计特色产品列表使用产品列表元素设计相关产品部分使用英雄横幅元素设计英雄部分使用英雄横幅和轮播元素设计幻灯片设计包含行和产品元素的批量折扣捆绑部分使用产品捆绑元素设计批量折扣捆绑部分在公告栏中设计内嵌倒计时器设计包含交货日期元素的运输估算使用轮播元素设计推荐部分使用新闻稿和弹出元素设计选择加入电子邮件部分英雄旗帜视差元素如何使用 GemPages 设计图片库？使用联系表单元素设计联系表单部分使用通讯元素设计通讯注册表单使用 Marquee 元素设计“特色”品牌标识部分如何在 GemPages 中使用 Marquee 元素设计公告栏部分创建粘性部分页面基本设置
页面设计
General (将军)
在您的页面上创建社交分享部分如何在 Shopify 和 GemPages 中设置 Shopify 社交预览图像（OG 图像）如何使用 GemPages 按畅销顺序显示产品如何在 Shopify 中将汉堡菜单更改为横向菜单如何在 Shopify 和 GemPages 上创建数字产品商店如何在 Shopify 和 GemPages 中使用互补产品如何在 Shopify 和 GemPages 中使用 CSS 渐变作为背景如何通过超链接触发弹出窗口如何使用 GemPages 创建 Shopify 按需印刷商店如何使用 GemPages V7 在移动设备上创建 Shopify 滑块了解 Shopify 页面限制Shopify 状态页面：它是什么以及为什么重要（针对 GemPages 用户）在 GemPages 中创建运输进度条使用 GemPages 创建 Shopify 单品商店如何创建视频弹出窗口如何将 YouTube Short 添加到您的 Shopify 页面如何将产品系列页面转换为其他页面类型如何自定义 Shopify 结帐页面如何上传透明徽标？我如何复制页面？如何在 GemPages 中创建新页面使用 GemPages 编辑 Shopify 原始模板更改页面类型导入和导出模板将部分保存到模板库将主题部分插入我的 Shopify 主题什么是部分？一个页面内可以创建多少个部分？Shopify 版块限制使用主题部分创建全局部分从另一个 Shopify 商店导入/导出页面
产品页面
在 GemPages 中创建多个产品的信息框创建“到货时提醒我”消息在产品页面上创建弹出窗口产品图片上方的“添加购物车”按钮如何在 Shopify 和 GemPages 上添加产品推荐如何在 Shopify 上使用 GemPages 将产品标记为售罄如何在 Shopify 上更改运费/设置邮费为产品页面设计视频布局如何使用产品页面模板更新所有产品页面？从您的页面中删除部分如何使产品图片全屏显示如何在同一行显示产品价格和比较价格使用 GemPages 在您的产品页面上创建产品附加组件如何使用 GemPages 模板制作产品页面如何使用 GemPages 编辑 Shopify 默认产品页面将 Shopify 评论和星级评定添加到您的产品页面如何使用产品列表元素添加相关产品将尺码表添加到您的产品页面使用自定义选项和文件上传创建个性化产品页面显示比较价格与价格元素在“添加到购物车”按钮下添加付款图标如何向产品页面添加订阅组件如何创建新产品页面添加到购物车后重定向到结帐在您的产品页面中添加愿望清单按钮打开购物车抽屉或添加到购物车后滑动购物车将 GIF 添加到您的页面了解产品页面与产品模板了解收藏页面与收藏模板在您的页面上自定义 Shopify 产品详细信息在 GemPages 中将产品分配给模板使用 GemPages 产品页面替换您的默认产品页面如何将产品元字段添加到您的 Shopify 页面创建产品包在您的页面上嵌入自定义视频
Shopify 和主题
Shopify 数据
如何使用 CSS 调整字体大小Shopify付款如何在 Shopify 中设置免运费并将其显示在 GemPages 中将您的 Shopify 域名连接到 GemPages 页面如何将 Hotjar 与您的 Shopify 商店集成如何在 GemPages 中添加和显示变体元字段如何在 Shopify 中更改 CSS 文本大小Shopify 的图像编辑器为我的产品添加 Shopify SKU为我的 Shopify 商店启用 Apple Pay如何在我的 Shopify 中设置自动折扣Shopify 库存：如何有效管理和跟踪库存保护 GemPages 中的表单免受垃圾邮件和机器人的侵害访问者提交表单后数据保存在哪里？授予 Shopify 合作者访问权限以进行故障排除Shopify 翻译和改编
应用程序集成
转化率提升
如何将 Hotjar 与您的 Shopify 商店集成Hextom：倒计时栏SEOAnt ‑ 置顶添加到购物车百思买履行SA 变体图像自动机Swym Wishlist Plus粘性推车：滑动式推车抽屉Swish（原 Wishlist King）StarApps 变体图像ReConvert 追加销售和交叉销售Growave：忠诚度和愿望清单 +无限的产品选择MBC 捆绑应用程序Qikify - 滑动购物车，粘性添加到购物车PC - 定制产品选项（以前称为产品选项和定制器）MaxBundle - 产品捆绑追加销售和交叉销售 - Selleasy飞行：捆绑销售和数量折扣简单套装和套件FBP | 快速捆绑产品（原名：快速捆绑：捆绑折扣）无限套餐和折扣EB | Easy Bundle Builder（以前称为 Easy Bundle Builder）Shopify 订阅充值订阅Shopify 捆绑包发布 COD 表格和追加销售Shopify 搜索与发现EasySell COD 表格和追加销售AMP 滑动推车抽屉Qikify 追加销售 BOGO 和免费礼品更明智的产品推荐SSC 的交叉销售和追加销售qikify 销售弹出窗口和证明Bundler - 产品捆绑经常一起购买大宗商品捆绑销售 - 数量折扣
评价
如何将 Trustpilot 评论应用程序与 GemPages 结合使用Klaviyo 评论Okendo：评论与忠诚度TrustShop：产品评论MAG：产品评论TrustReviews：产品评论Opinew 产品评论应用 UGCYotpo 产品评论和 UGCAli Reviews：人工智能产品评测（原名 Kudosi）Air：产品评论应用和 UGCReputon 的 Google 评论Google 评论与社交证明（以前称为 Tagembed‑社交帖子与评论）Junip - 产品评论和 UGCReviewXpo 产品评论应用程序TrustWILL 产品评论（原名 Trustoo AI 产品评论应用）费拉产品评论LAI 产品亚马逊评论Ryviu：产品评论应用程序Rivyo：评论与会员应用Loox ‑ 视觉产品评论Loox ‑ 视觉产品评论盖章评论和忠诚度Judge.me 产品评论
店铺设计
EcoBoostify 商店视频集锦Shopify 表单应用程序奇异果尺码表和推荐GLO 色卡及套装保护 GemPages 中的表单免受垃圾邮件和机器人的侵害必备公告栏BF 尺码表和尺码指南POWR 联系表格生成器绿巨人产品选项SEOAnt - 信任徽章和图标Avis 产品选项、变体Smartviewer：快速查看绿巨人表格生成器SalesPop：订单和销售弹出窗口Willdesk：实时聊天和人工智能聊天机器人强大的联系表单生成器Globo 产品选项，变体Swatch King：变体选项通知！补货 | 预订Tepo 定制产品选项变体Shopify 搜索与发现简化产品选项变体BUCKS 货币转换器 PRO++O：请求报价 - 隐藏价格King 产品选项CSC：尺码表和尺码指南Kaching 礼包数量折扣SEOant ‑ 信任徽章和图标（相信我）SC 产品选项Searchanise 搜索和过滤
销售与市场营销
WC 愿望清单 & 补货啦Appstle 忠诚度奖励计划AOV.ai 捆绑销售Zotek TikTok Pixel Meta Pixel FeedSeguno 弹出窗口和表单wetracked.io 连接BLOY 会员忠诚计划及奖励Cartly 滑动推车抽屉UpPromote 联盟营销TrustedSite ‑ 信任徽章 ES 到货通知我！如何将 Microsoft Clarity 与 Shopify 集成还购买了 CBB皈依熊信任徽章Seguno 电子邮件营销AfterShip 电子邮件营销、短信 Instagram 动态 Instafeed IG绿巨人表格生成器Willdesk：实时聊天和人工智能聊天机器人Trustoo 忠诚度计划奖励（以前称为 Loloyal：忠诚度和推荐）增强人工智能搜索和过滤变体选项 产品选项GoodAPI 植树造林 清洁海洋Firepush – 短信和网络推送TA 产品标签和徽章（以前称为 BSS：产品标签和徽章）Hextom：终极销售提升Whatmore 可购物视频+ReelRapi 捆绑包数量折扣预约 CowlendarWOD：立即预订预订 Wolf | 立即预订Koala Bundles 批量折扣BON：忠诚奖励推荐Shopify 收件箱 Fordeer 产品标签和徽章SEO 检查器功能由 Avada SEO Suite 提供支持重要信息：评论、捆绑包、人工智能Klaviyo：电子邮件营销和短信PushOwl：Web 推送通知SearchPie：SEO、速度和架构Klarna 现场消息传递Mailchimp电子邮件营销Omnisend电子邮件营销和短信Instafeed － Instagram 动态
故障排除和常见问题解答
移动设备上的横向滚动：原因及在 GemPages 中的解决方法故障排除：GemPages 错误代码故障排除：交互不起作用故障排除：GemPages 错误信息如何访问使用 GemPages 构建的已发布页面？故障排除：GemPages 收藏页面未显示收藏我的设计在移动设备上看起来不太好为什么当我选择变体图片时它没有显示？应用程序未显示在我的 GemPages 页面上 - 故障排除故障排除：视频无法在移动设备上播放故障排除：我的页面在不同设备上看起来不一致故障排除：GemPages 页面无法保存更改无法在 Shopify 上预览商店 - 故障排除Shopify 上购物车抽屉不显示 – 故障排除故障排除：我的产品页面发布后看起来不同为什么我的网站无法加载我的目标网页？为什么我发布的页面显示为空白？为什么我的产品页面没有显示产品？字体常见问题解答更新您的产品价格和货币格式如何使用 GemPages 设置 Shopify 购物车抽屉
边距、填充、间距和对齐
按钮文本居中
本文将向您展示如何在 GemPages 中使按钮文本居中对齐。为什么您的按钮文本没有居中？如果您发现按钮文本偏离中心或未对齐，...
边距、填充、间距和定位概述
了解如何控制 Shopify 边距和其他间距功能（例如填充、间距和定位），对于构建简洁、用户友好且视觉上有吸引力的商店布局至关重要。在本文中，我们提供了...
为元素或部分添加负边距
GemPages 中的负边距是什么？负边距是一种 CSS 属性，它对元素周围的空间应用负值，使其更靠近相邻元素或……
添加或删除元素之间的间距
本文介绍如何调整 GemPages 中元素之间的间距。注意：为了获得最佳功能，请升级到 GemPages 版本 7。什么是间距？间距是布局的重要组成部分...
更改元素内部的间隙
本文介绍如何在 GemPages 中使用 Padding 和 Gap 设置调整内部间距，以提升可读性、结构和整体布局平衡。内部间距的重要性 设计中的内部间隙——无论……
如何在 GemPages 中对齐元素
了解如何在 GemPages 中对齐按钮、文本、图片和其他元素。按照本分步指南，即可实现简洁、响应式且可转换的布局。为什么元素对齐在 GemPages 中如此重要？正确的对齐至关重要……
如何在 GemPages 中设置元素位置
本文将向您展示如何使用 GemPages 设置元素的位置。“元素位置”在网页设计中是什么意思？在网页设计中，元素位置是指元素在页面中的位置……
使用 Z-Index 将元素置于最前面或最后面
本文将向您展示如何在 GemPages 编辑器中调整 Z-index 设置，以创建视觉上动态且具有层次感的设计。什么是 Z-index？Z-index 是一个 CSS 属性，用于控制堆叠……
删除主题标题和页面内容之间的间距
本文将引导您完成以下步骤，消除主题标题与页面内容之间的间隙，从而创建无缝布局。默认情况下，Shopify 主题通常包含顶部填充……
开始销售