首页 > 解决方案 > 地址后结帐步骤发货 - Prestashop 1.7

问题描述

任务

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

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

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

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

最后一个是总结。

问题

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

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

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

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

问题画面

[步骤 3 - 付款和汇总已加入]

我试图实现的设计画面

[设计屏幕 - 第 2 步] (运输方式默认为灰色 - 仅在项目中展示 2 个步骤如何连接到一个点)

[设计画面 - 第 3 步]

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

标签: phpfrontendsmartycheckoutprestashop-1.7

解决方案


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

“现在付款是汇总,运输方式是分开的。”

这是一个问题吗?

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

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

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

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


推荐阅读