地址后结帐步骤发货 - Prestashop 1.7

Checkout step shipping after address - Prestashop 1.7

任务

我的任务是在不同的组中重新映射结帐页面上的步骤,但顺序相同的步骤以修复用户体验并更好地符合预期。 这听起来是有效的解决方案,不会改变背后的逻辑。

第一页已准备就绪:我们将登录和注册作为一个步骤。

第二步是确认地址和送货方式。

我将使用第三步作为付款 select。

最后一个是总结。

问题

现在付款是带摘要的,送货方式是分开的。

没有文档,只有代码,没有提示如何实现。

非常复杂的布线过程,我只需要前端更灵活地满足我的需求。

是否有关于如何在此区域修改前端的线索(结帐步骤)? 如何在代码中正确完成此 UI 更改?

问题的屏幕

[Step 3 - payment and summary is joined]

我尝试实现的设计画面

[Screen of design - step 2](送货方式默认为灰色 - 仅在项目中展示 2 个步骤如何连接成一个点)

[Screen of design - step 3]

欢迎任何提示来解决问题,并将其添加为前端结帐步骤操作的文档。

我不太明白你到底想达到什么目的。

"Right now payment is with summary and shipping method is on separated step."

这是个问题吗?

如果您不想完全重新考虑结帐(如 OPC 模块),则需要遵循 PrestShop 结帐步骤。

如果您不想在与 PrestaShop 中当前相同的步骤中显示某些内容(例如,您想在个人信息步骤而不是在地址步骤中询问 phone 号码),最好解决方案是:

  1. 修改结帐步骤 TPL 文件,并添加额外的输入字段(例如向个人信息步骤添加 phone_number 输入)
  2. 将附加输入保存到 JavaScript 变量(即使使用 setCookie)
  3. 隐藏原始步骤中的输入(隐藏地址步骤中的 phone_number 输入)
  4. 将保存的 JS 值设置为原始(隐藏)输入

但是,如果您能准确地告诉我们您想要进行哪些修改,也许我们可以为您提供更多帮助。