设计基地
剖面设计
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 创建 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 数据
如何设置 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 表格和追加销售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 - 信任徽章和图标Aris 产品选项、变体Smartviewer：快速查看绿巨人表格生成器SalesPop：订单和销售弹出窗口Willdesk：实时聊天和人工智能聊天机器人强大的联系表单生成器Globo 产品选项，变体Swatch King：变体选项通知！补货 | 预订Tepo 定制产品选项变体简化产品选项变体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 购物车抽屉
自定义编码
如何在移动设备上将产品组合布局从横向更改为纵向
本文将向您展示如何使用自定义 CSS 将移动设备上的“产品捆绑折扣”元素从横向布局更改为纵向布局。步骤 1：打开自定义代码……
使用自定义代码移除 9:16 托管视频的顶部和底部间距
本文将向您展示如何使用自定义代码来移除 GemPages 中 9:16 宽高比视频上方和下方可能出现的空白区域。当您……
使用自定义代码旋转图像
本文将向您展示如何在 GemPages 中使用自定义代码旋转图像元素。关于图像元素：GemPages 中的图像元素允许您在页面上的任何位置显示图像……
使用自定义代码为横幅添加渐变叠加层
本文将向您展示如何使用自定义代码在 GemPages 中为横幅广告添加渐变叠加层。渐变叠加层可以提升横幅广告的视觉效果……
使用自定义代码降低英雄横幅背景的不透明度
本文将向您展示如何使用自定义代码降低 GemPages 中英雄横幅背景的透明度，从而使其中的标题或文本块更加突出。关于……
鼠标悬停时更改项目列表的文本颜色
本文将向您展示如何在 GemPages 中更改访客将鼠标悬停在项目列表项上时显示的文本颜色。关于项目列表元素 项目列表元素……
如何为项目列表元素创建从右到左的布局
本文将向您展示如何使用自定义 CSS 为 GemPages 中的项目列表元素创建从右到左 (RTL) 的布局。默认情况下，项目列表布局会显示图标……
更改电子邮件和文本字段元素中的占位符文本颜色
本文将向您展示如何使用自定义 CSS 更改 GemPages 中电子邮件和文本字段元素的占位符文本颜色。占位符文本是显示在元素内部的浅色文本……
如何在项目列表元素中添加删除线文本
本文将向您展示如何在 GemPages 的“项目列表”元素中为特定文本添加删除线效果。步骤 1：选中要添加删除线的文本 打开 GemPages...
如何使用 CSS 代码为动态结账按钮添加圆角
动态结账按钮是一种快捷结账选项，允许客户直接使用加速支付方式（例如：Shop Pay、PayPal、Google Pay、Apple Pay）购买商品，而无需前往……
开始销售