我们无需编程和布局即可制作3D配置器。 第二部分

在我们以前的文章“ 无需编程和布局的情况下制作3D配置器 ”中,我们讨论了使用Blender和3ds Max建模包创建3D珠宝店的问题。

今天,我们将更新此项目,并使它成为一个真正的商店。 为此,我们需要为其提供以下功能:
  • 基于用户配置的定价。
  • 正在发送订单以供经理进一步处理。
  • 社交网络的按钮(没有按钮)。

最后,我们将得到以下内容:

图片

单击此处启动该应用程序。

与往常一样,您可以在最新版本的Verge3D框架发行版中找到此配置程序的源文件(3ds Max,Blender和Puzzles)。

计划


这项任务看起来有些雄心勃勃。 我们需要创建一个带有配置器(客户端)和服务器端订单处理系统的3D存储。 但是实际上,一切并没有那么复杂,因为我们有一个清晰的计划:

  1. 首先,我们需要配置服务器以接收和处理订单。
  2. 下一步是使用Puzzles可视编辑器计算价格,并添加订单形成的逻辑并将其发送到服务器。
  3. 最后,我们向应用程序添加按钮以在Facebook,Twitter,LinkedIn和Google+上共享我们的应用程序。

让我们逐步看一下整个过程。

服务器设置


在本教程中,我们假设您的服务器已安装WordPress内容管理系统。 从2.7版开始,Verge3D框架(我们上次使用它来创建配置器)附带了WordPress插件。 该插件已经包含一个简单的电子商务系统,该系统可以处理使用Puzzles可视位置逻辑编辑器“下订单”转移的订单(我们将在稍后讨论这一点)。

如果您没有服务器或不知道WordPress是什么,请不要惊慌! Google“托管WordPress”,我们研究并订购现成的服务器(提示-您每月不能给超过100卢布)。 无需了解如何与WordPress一起成为程序员,系统管理员或Web设计人员。

让我们继续建立我们的商店。 首先,通过WordPress管理区域中的“插件”菜单安装并激活Verge3D插件。 该插件在官方WordPress.org目录中可用 ,因此不会出现安装问题。

接下来,要教您的网站如何处理订单,请将以下简短代码添加到任何页面或帖子中:

[verge3d_order]

这段代码被替换为如下形式的订单(大约是因为其外观高度依赖于所使用的WordPress主题):

图片

通过此订单表单发送的所有订单都可以通过管理面板中的Verge3D->电子商务菜单获得:

图片

收到配置程序应用程序的请求后,将自动创建此列表中的订单。 例如,当某个约翰(他的照片的第一笔订单)以180美元的价格购买了带有三个宝石的银戒指时,您可以给他回电或写封信,确认订单并查找其他信息,例如送货地址和付款方式。

实际上,这就是您需要在服务器上执行的所有操作。 现在该回到我们的3D配置器并教他如何使用WordPress。

我们将订单固定在3D配置器上


这部分非常简单。 将拼图“下订单”添加到您的应用程序中,在订购表,名称,描述和订购金额上指定URL。 结果如下:

图片

这项工作的逻辑很琐碎:当用户单击“订购”按钮时,我们将根据所选的金属和宝石来计算戒指的价格。 然后,我们使用“下订单”拼图将选定的配置发送到服务器。

社交按钮 网路


您是否曾见过没有按钮可在社交网络上共享的商店? 就是这样,让我们​​用一系列相同类型的难题来解决这种误解:

图片

这里的逻辑甚至更简单。 当用户单击该按钮时,我们会在一个新选项卡中打开所需的社交网络,之前已报告了我们要发布的帖子的标题和内容。

结论


本文介绍的方法不仅可以用于3D产品配置器,还可以用于其他电子商务应用程序。 例如,您可以使用它们来创建3D模型存储或某物的交互式演示,特别是如果您可以在此演示中订购某物。

对于社交网络,想象力的范围非常巨大。 您可以制作一个有趣的动画角色,而不是无聊的平面按钮。

感谢您在这里阅读我的文章。 与往常一样,欢迎发表评论。

Source: https://habr.com/ru/post/zh-CN423791/


All Articles