首页 > 解决方案 > Shopify - 是否可以使用输入框更改产品的预览?

问题描述

哪些方法可以在 Shopify 中使用旁边的输入框编辑产品页面的实时预览?

假设产品是海报,我想在其上添加自定义文本。

在输入框中输入时,产品上的文本会实时变化。

这可以在shopify基本版本的shopify代码中实现吗?

或者这是否一定需要一个应用程序?

此外:

让我再深入一点。我有一个可以生成二维码的代码。现在我希望在产品中预览 QR 码。现在二维码的位置和颜色与任何产品都不同。那需要一个应用程序吗?

标签: shopifycustomization

解决方案


是的,你可以在一定程度上。

首先是基本规则:

  • 您不能从前端修改产品并在后端更新内容或媒体 - 这将是一个巨大的安全漏洞
  • 应用于产品的更改将仅对更改它们的用户可见

解决方案是使用Javascript并更新前端的内容。如果您想存储该特定用户的更改,您可以将它们保存为 cookie 或 localstorage。

如果您想将此更改分享给其他人,您需要在页面的 URL 中添加一个自定义参数,并从中生成内容并共享该 URL。

这些步骤中的每一个都需要一些仅影响相关用户的自定义 Javascript,如果您想直接在后端修改产品,您将需要某种应用程序。


推荐阅读