2016-12-13 31 views
1

目前我正在尝试在Bigcommerce Storefront中构建产品的此类定制,以允许显示带有输入到文本框中的动态文本的图像。这意味着产品图像预览应该立即显示带有书面文字的新图像。Bigcommerce产品图像定制与文本更改

这样最终用户就会知道最终产品的外观如何,同样的图片也应该放在购物车中。

我知道Shopify上有一个应用程序,名称为Product Builder。

这可能在Bigcommerce上做到吗?

由于提前

回答

0

这是绝对有可能有一些相当先进的客户端代码。不幸的是,我不知道任何Bigcommerce的即插即用系统或应用程序能够实现您所期望的功能,但是如果您愿意让自己的手变脏,则可以通过几种方法获得实时更新产品预览。

这是example from my site。点击“个性化此项目”下的按钮,您将看到一个实时预览图像,就像您在模式中描述的一样。输入一些文字并更改会标风格和颜色,每次更改选项时,预览图像都会更新得非常快。与我的完全一样的解决方案对您来说可能并不可行,因为该网站使用基于广泛定制的Stencil主题构建的非常复杂的React/Redux实现......远不是一种交钥匙解决方案。也就是说,你可以实现类似的东西,而不需要完全定制的应用程序。

上述示例中的图像预览本身由IMGIX.com驱动。他们以极好的价格提供优质的服务。基本上,我的系统将用户选择的Bigcommerce选项转换为每个IMGIX基于URL的API的URL字符串。显示实时预览就像在每次输入更改时将图像的src属性更改为相应的IMGIX URL一样简单。我在使用Redux商店的React组件中执行此操作,但在您选择的框架或简单的旧式香草JavaScript中绝对可以完成类似操作。 Cloudinary提供了与IMGIX类似的(甚至可能更大一些)功能,但是我发现IMGIX的速度要快一些,而且我的使用价格要低得多。

您还可以编写一些使用HTML5画布的文字和效果叠加到图像上,从而避免使用第三方服务。我发现这样的解决方案在客户端设备上的工作方式和方式更重,但它肯定是另一种方式来剥离这个谚语的猫。

可能还有其他可行的解决方案,但上述是我在实施类似于您在Bigcommerce上寻找的东西的经验。我希望这是有帮助的!