产品文件上传

什么是产品文件上传元素？

此 产品文件上传 元素是 GemPages 产品模块的一部分。它允许客户在下单时上传图片、PDF 或其他支持格式的文件。这对于需要客户个性化输入的企业尤其有用，包括：

• 按需印刷服务： 定制 T 恤、马克杯或其他需要上传图片的产品。
• 个性化设计： 需要定制文件的雕刻、珠宝或艺术品。
• 基于文档的服务： 法律表格、合同或其他文件提交。

如何在 GemPages V7 中使用产品文件上传元素？

请按照以下步骤在产品页面上设置和自定义产品文件上传元素：

第三步： 找到产品文件上传元素

打开 GemPages 编辑器并搜索 产品文件上传 在元素面板中。此元素仅适用于 产品 和 产品列表 模块，因此请确保您正在编辑产品页面。

步骤 2：拖放元素

找到产品文件上传元素后，将其拖到产品页面上的所需位置。GemPages 会自动将其与产品模块集成，从而捕获客户上传的数据。

放置元素后，单击它即可访问两个选项卡： 个人设置 和 高级：

配置设置选项卡

1.布局

• 布局： 为元素选择垂直或水平布局。
• 图标位置： 设置上传图标显示在中心或左侧。
• 内容对齐： 将文本和图标左对齐、居中对齐或右对齐。
• 间距： 使用数值或滑块调整图标和文本之间的间距。

2. 产品来源

快速访问产品源设置以在编辑器中切换产品。这可以帮助您预览不同项目的设计外观。

3.上传设置

• 其他要求：切换是否强制上传文件。启用此功能可确保客户在未提交必要文件的情况下无法完成订单。
• 单击图像进行预览：打开图像预览，以便客户在完成订单之前可以看到他们上传的内容。
• 文件数量：选择允许每个订单上传单个文件或多个文件。

4.图标

决定上传字段是否应显示图标。

• 选择图标： 选择预先构建的图标或上传自定义图标。
• 位置： 设置上传字段上方或下方的图标。
• 规格： 调整尺寸以适合您的页面设计。

5。 尺寸

修改上传字段的大小以确保它与页面设计的其余部分无缝契合。

• 宽度和高度： 修改上传字段的宽度和高度。
• 填充： 调整填充以保持场地周围的平衡间距。

6。 背景

选择与您的页面主题相匹配的背景颜色。

7。 形状

配置上传字段的整体形状。

• 边境：您可以选择边框的样式（实线、虚线等），选择颜色并设置边框的粗细。
• 角落：调整字段角的圆度。
• 阴影：启用或调整上传字段的阴影效果以增强视觉深度。

8. 文本样式

• 内容：编辑产品文件上传按钮上显示的文本。
• 样式：从六种标题样式（H1-H6）或三种段落样式中进行选择，以控制文本层次结构。
• 字体： 选择按钮文本的字体类型。
• 规格： 设置字体大小。
• 颜色： 选择文本颜色。
• 对齐： 将文本左对齐、居中或右对齐。
• 字体粗细： 调整字体的粗细（粗细）。
• 线高： 设置文本的行高。
• 字母间距： 调整字母之间的间距。
• 转变： 应用文本转换（大写、小写、大写）。
• 阴影效果： 为文本添加阴影以强调或设置样式。

9.效果

鼠标悬停时产品文件上传的设置。点击“悬停”设置将打开其弹出窗口，其中包含悬停效果的设置。

10.对齐

配置高级选项卡

如需更多高级定制，请导航至 高级选项卡 并按照中的说明进行操作 本文.

常见问题解答 (FAQs)

1. 产品文件上传元素是否适用于联系表单？

不可以，产品文件上传功能仅适用于产品模块。对于联系表单，目前正在开发一个单独的元素，很快就会发布。

2. 允许上传的最大文件大小是多少？

产品文件上传功能允许客户上传最大文件大小为 10MB.

3. 产品文件上传元素支持哪些文件类型？

支持的文件类型包括 PNG、WEBP、GIF、JPEG、JPG和 PDF.

4. 客户可以上传 MP3 等音频文件吗？

不可以。虽然音频文件（例如 MP3）在上传过程中可能显示为可选，但元素 目前不支持 在店面播放音频或传送文件。我们建议坚持使用上面列出的支持的文件类型。

5. 客户可以一次上传多个文件吗？

是的，您可以根据商店的需求配置产品文件上传功能以允许上传多个或单个文件。

6. 客户是否可以选择预览他们上传的文件？

是的，您可以启用文件预览选项，以便客户在完成订单之前查看其上传的内容。

7. 如何在您的产品页面上链接到 PDF 文件？

如果您希望客户直接从产品页面访问 PDF 文件（例如尺码表、用户手册或产品手册），您可以在产品文件上传字段旁边或上方添加可点击的链接。

选项 1：链接到 Shopify 中存储的 PDF

• 转到您的 Shopify 管理员并导航至 内容 > 文件.
• 上传您的 PDF 文件。
• 上传后，复制文件 URL。
• 在 GemPages 编辑器中，添加 文本 or 按键 上传字段附近的元素。
• 突出显示文本或选择按钮，然后将 PDF URL 粘贴到链接设置中。

选项 2：链接到外部 PDF

如果您的 PDF 托管在 Shopify 之外（例如，Google Drive、Dropbox），只需将公共共享链接粘贴到 GemPages 中的文本或按钮链接设置中。

8. 客户提交后，我在哪里可以找到已上传的文件？

上传的文件将附加到 Shopify 后台的订单详情中。前往 订单管理打开特定订单，您将在订单项属性下看到相应的文件。这确保您不会错过任何客户提交的文件。