Shopify -可以使用输入框更改产品的预览吗？
Shopify -可以使用输入框更改产品的预览吗？
提问于 2020-10-26 21:07:54
有哪些方法可以在Shopify中编辑产品页面的实时预览，旁边有输入框？
假设产品是一张海报，我想在上面添加一个自定义文本。
在输入框中输入时，产品上的文本会实时更改。
这可以用shopify的基本版本在shopify代码中实现吗？
或者这一定需要一个应用程序吗？
此外：
让我再深入一点。我有一个可以生成二维码的代码。现在我想要在产品中预览二维码。现在，二维码的位置和颜色与任何产品都不同。这需要一个应用程序吗？
回答 2
Stack Overflow用户
发布于 2020-10-27 20:13:02
是的，在某种程度上你可以。
首先是基本规则：
- 您无法从前端修改产品并在后端更新内容或媒体-这将是一个巨大的安全漏洞
- 应用于产品的更改将仅对更改它们的用户可见
解决方案是使用Javascript并更新前端的内容。如果您希望存储该特定用户的更改，则可以将它们保存为cookie或本地存储。
如果您希望将此更改共享给其他人，则需要在页面的url中添加一个自定义参数，并从该参数生成内容并共享该URL。
这些步骤中的每一个都需要一些自定义的Javascript，这将只影响有问题的用户，如果你想直接在后端修改产品，你需要某种类型的应用程序来实现这一点。
Stack Overflow用户
发布于 2020-10-28 12:56:21
在我看来，如果将动态文本应用于产品图像，就可以做到这一点。
详细的代码太长了，不能在这里写，但下面是步骤：
- 在产品表单中添加输入以添加自定义属性container
- Position Javascript函数以实时获取输入值
- 使用此值可将其显示在产品图像的div中CSS中的此div为绝对样式，并按您的需要设置样式
- 而图像容器位置应在CSS
中设置为相对位置。
HTH
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64544983
复制相关文章
相似问题
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
