html - 如何为电子商务商店创建产品配置器?

标签 html magento e-commerce dynamic-html

我想为电子商务商店实现一个配置器。 它基本上应该是这样的:http://urbike.de/singlespeed/Konfigurator.html .

我在网页设计方面没有太多经验,我需要什么来为电子商务商店创建这样的配置器。有没有简单的解决办法?

最佳答案

在 magento 中执行此操作的最简单方法是

  1. 创建一个简单的产品
  2. 为每个选项添加“自定义选项”(例如车架颜色、前叉、前轮...)并收取附加费(如果有)
  3. 使用以下 2 种方法之一创建图像
    1. 为每种可能的组合创建一个图像并使用文件命名约定(缺点 - 数千张图像)
    2. 为每种颜色的每个选项/层(例如前叉、前轮)创建一个透明图像,然后使用 CSS 将它们相互叠加(层必须按正确的顺序)
  4. 创建 JavaScript 功能以根据当前选择更改图像,并加载默认配置,并在用户选择编辑购物车中的商品时重新加载当前选项
  5. 您必须考虑您希望管理部分有多直观。 “管理员”用户是否能够在配置产品时上传所有这些图像并分配颜色样本(或者只是将它们通过 ftp 传输到服务器)
  6. 考虑一下您是想在订单确认时显示当前的配置图像还是仅显示默认图像

您要完成的任务相当复杂,根据我过去创建更简单功能的经验,这将需要大量外部 js 编码和关于 magento 简单产品 js 如何工作的知识。

关于html - 如何为电子商务商店创建产品配置器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13521581/

相关文章:

php - magento 1.9 - 将 block 移动到产品页面

magento - 在 magento 2 中 getModel 的正确方法是什么?

javascript - 倒计时器可在同一页面的多个地方使用

e-commerce - Amazon Flexible Payments Service 和 Simple Pay and Checkout 的区别

任何 html 元素的 Javascript 样式编辑器工具栏

html - 如何在单击链接时使用 ng bootstrap 在 angular 8 中获得来自循环的相应模态

magento 在页面左侧边栏显示类别

php - Prestashop - 验证付款后更改订单状态

java - 如果 html 表格中任何单元格为空,如何突出显示整行

javascript - 在页面加载之前显示加载图标?