Hybris 更新 bootstrap 版本从 3 到 4

Question

Hybris OOTB 使用 bootstrap 3.3，但是我想受益于 bootstrap 4 提供的新功能，例如间距和边距。有什么方法可以将 bootstrap 3“更新”为 4？

Answer 1

OOTB Hybris 店面模板就是一个模板。当您将 SAP Commerce (Hybris) 升级到较新版本时，您始终需要手动对店面项目执行更新。

没有什么能阻止您扔掉 _ui-src/responsive/lib 文件夹中的 bootstrap 3.3 并将其替换为 bootstrap 4.0

更改此文件夹时，请不要忘记更新店面项目中的 buildcallbacks.xml。有一个蚂蚁目标移动了bootstrap文件夹并重命名。您需要在此处提供正确的文件夹名称

        <copy todir="${ext.yacceleratorstorefront.path}/web/webroot/_ui/responsive/common/bootstrap">
            <fileset dir="${ext.yacceleratorstorefront.path}/web/webroot/WEB-INF/_ui-src/responsive/lib/bootstrap-3.3.7" includes="**" />
        </copy>

更改此设置后，一些开箱即用的样式可能不再适用。你需要解决这个问题。但这在很大程度上取决于您使用的 bootstrap 版本以及自定义的内容

将旧的 bootstrap 3.3 替换为您要在 web/webroot/WEB_INF/_ui-src/responsive/lib
更改店面项目中的构建回调以使用新文件夹名称
运行 ant clean all 将新的 bootstrap 库移动到正确的位置
验证它在视觉上看起来仍然没问题并手动解决可能的问题

Hybris 更新 bootstrap 版本从 3 到 4

Hybris update bootstrap version from 3 to 4

bootstrap-4

hybris

sap-commerce-cloud