Shopify建站教程：如何创建产品快速预览页

在跨境电商独立站中，产品快速预览通常以弹窗形式展示，客户点击产品列表中的入口后，可以查看主要商品信息。Shopify建站时，可以根据主题功能或应用方案配置这种展示方式。

本教程采用EComposer，先创建Quickview模板，再连接到EComposer的Product Grid产品列表中。操作前，应确认当前账户支持相关功能。

一、Shopify产品快速预览页有什么用

1、在产品列表中查看主要信息

快速预览弹窗可以展示图片、价格、规格选项和数量等内容，让客户在当前页面查看商品概况。实际显示哪些信息，取决于模板配置。

2、保留继续了解产品的入口

建议在弹窗中突出主要信息，同时保留进入完整产品详情页的方式。较长的使用说明、技术资料和详细政策，可以继续放在对应页面中。

3、根据页面需要调整布局

创建时可以安排图片与信息的位置，并调整字体、颜色等样式。弹窗内容应适量，关闭入口也要清楚，避免客户打开后难以继续浏览。

1、安装并打开EComposer——页面构建工具。

2、在Shopify独立站管理界面中，选择“应用”选项，然后点击“EComposer-网站构建工具”。

Shopify

3、在EComposer的仪表板中，从“操作”下的下拉菜单中选择“快速查看”，然后点击“创建快速查看”。

Shopify

4、进入EComposer的编辑页面。跳过模板选择步骤，然后在第二步“设置页面信息”处点击“开始构建”。

5、现在，就可以完全根据自己的喜好来定制快速预览页了。

Shopify

1、Shopify建站创建产品快速预览页需要写代码吗？

本教程采用EComposer可视化模板和Product Grid设置。符合该方案的页面可以按界面配置，主题原有产品列表能否直接接入，需要另外确认。

2、Shopify建站可以免费使用EComposer快速预览吗？

当前公开套餐中，Product Quickview包含在Standard及以上方案，免费方案不包含。订阅前应核对账户中显示的功能和费用。

3、Shopify建站创建了快速预览模板，为什么前台没有按钮？

先检查页面是否发布，再确认使用的是对应Product Grid，并核对Content与App settings中的Quickview设置。只创建模板还不够。

4、Shopify建站时，快速预览里可以选择规格并加入购物车吗？

EComposer的Quickview支持规格、数量和加购等内容，但需要在模板中配置，并检查商品本身的可售状态及实际操作效果。

5、Shopify建站后，快速预览手机端重点检查什么？

建议检查内容是否超出屏幕、关闭按钮是否容易找到，以及规格选择和购买操作是否方便。测试时应使用已发布页面。