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

Question

任务

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

第一页已准备就绪：我们已登录并注册为一个步骤。

第二步是确认地址，然后是送货方式。

我将用作付款选择的第三步。

最后一个是总结。

问题

现在付款是用摘要和运输方式是分开的步骤。

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

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

是否有一些线索可以在此区域中修改前端（结帐步骤）？ 如何在代码中正确完成这种 UI 更改？

问题屏幕

[Step 3 - payment and summary is joined]

我尝试实现的设计画面

[Screen of design - step 2]（运输方式默认为灰色 - 仅在项目中展示 2 个步骤如何连接到一个点）

[Screen of design - step 3]

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

Answer 1

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

“现在付款是摘要和运输方式是分开的 一步。”

这是个问题吗？

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

如果您不想在 PrestaShop 中的当前步骤中显示某些内容（例如，您想在个人信息步骤中询问电话号码，而不是在地址步骤中），最好的解决方案是：

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

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