设计基地
剖面设计
GemPages 版块设置：布局、背景、形状和高级控件为什么我的设计没有显示在平板电脑视图中？优化所有设备的英雄横幅图像如何在 GemPages 中使用产品元素设计产品详情页面使用变体和色板元素设计产品颜色色板使用文章列表元素在主页上设计最新博客文章部分使用产品列表元素设计特色产品列表使用产品列表元素设计相关产品部分使用英雄横幅元素设计英雄部分使用英雄横幅和轮播元素设计幻灯片设计包含行和产品元素的批量折扣捆绑部分使用产品捆绑元素设计批量折扣捆绑部分在公告栏中设计内嵌倒计时器设计包含交货日期元素的运输估算使用轮播元素设计推荐部分使用新闻稿和弹出元素设计选择加入电子邮件部分英雄旗帜视差元素如何使用 GemPages 设计图片库？使用联系表单元素设计联系表单部分使用通讯元素设计通讯注册表单使用 Marquee 元素设计“特色”品牌标识部分如何在 GemPages 中使用 Marquee 元素设计公告栏部分创建粘性部分页面基本设置
控制设置
自定义编码
如何在移动设备上将产品组合布局从横向更改为纵向使用自定义代码移除 9:16 托管视频的顶部和底部间距使用自定义代码旋转图像使用自定义代码为横幅添加渐变叠加层使用自定义代码降低英雄横幅背景的不透明度鼠标悬停时更改项目列表的文本颜色如何为项目列表元素创建从右到左的布局更改电子邮件和文本字段元素中的占位符文本颜色如何在项目列表元素中添加删除线文本如何使用 CSS 代码为动态结账按钮添加圆角如何向交货日期元素添加自定义文本如何为倒计时器添加背景颜色如何在一行中显示倒计时文本和数字如何在倒计时数字之间添加冒号如何更改复选框元素的背景颜色如何更改下拉元素的默认占位符文本如何更改电子邮件字段的背景颜色如何使联系表单字段中的占位符文本居中如何将轮播图中的圆点左对齐如何使用自定义代码更改联系表单文本颜色如何更改联系表单元素中文本区域的背景颜色如何在轮播图中使内容和视频高度相同如何使用自定义代码隐藏轮播图箭头如何使轮播导航圆点透明并带有白色边框 如何在文章列表中添加“加载更多”按钮如何使用自定义代码将轮播图中的圆点替换为导航按钮（箭头）如何解决轮播图中右侧阴影设置不显示的问题如何使用自定义代码为按钮文本添加阴影如何使用自定义代码更改按钮元素中的图标颜色如何使用自定义代码更改按钮元素中的图标大小使用自定义 CSS 和 Javascript 代码自定义元素样式向元素添加额外的 CSS 类
页面设计
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飞行：捆绑销售和数量折扣简单套装和套件无限套餐和折扣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 允许您独立自定义元素或区域每一侧（上、右、下、左）的边框粗细。您不再局限于单一的统一边框，而是可以……
如何重新排列一行中的列
要在 GemPages 中重新排列行中的列，请选择该行，打开右侧设置面板中的“项目管理”部分，然后上下拖动每一列来更改其位置……
如何使用响应式设置图标
在电脑上看起来很棒的页面，在手机或平板电脑上并不总是能完美呈现。标题在手机屏幕上可能显得太大，在笔记本电脑上看起来很均衡的留白，在平板电脑上可能会显得拥挤……
如何使用锁定/解锁图标编辑边距
在 GemPages 中设计店铺页面时，每个元素周围的间距是否合适，决定了页面看起来是整洁美观还是杂乱无章。内边距是其中之一……
如何使用颜色选择器
选择合适的颜色是保持设计一致性的重要环节。在 GemPages 中，颜色选择器工具允许您从屏幕上的任何位置（甚至包括……）拾取颜色。
如何在元素之间复制和粘贴样式
在 GemPages 中设计页面时，您可能希望多个元素共享相同的样式，例如字体、大小、颜色或间距。与其手动逐个调整每个元素，……
如何将元素分组到一行中
在 GemPages 中设计页面时，您可以将多个元素紧密排列在一起——例如，将标题元素和文本块元素上下排列。之后，您可能……
如何重命名版块以便更轻松地管理页面
在 GemPages 中处理篇幅较长或结构复杂的页面时，您可能会遇到多个堆叠在一起的版块。如果所有版块都保留默认名称，则很难识别和管理它们……
如何在 GemPages 中使用图层树选择隐藏元素
有时在使用 GemPages 编辑器时，为了进行响应式设计或布局调整，您可能需要隐藏某个部分内的元素。隐藏之后，直接选中这些元素可能会变得很困难……
如何在商品管理（轮播图、标签页、手风琴式菜单和商品列表）中复制商品
在 GemPages 中，轮播图、选项卡、手风琴和项目列表等多种元素都是使用项目构建的。每个项目都像一个可重复使用的块，其中包含图像、文本、按钮等内容。
开始销售