README

!!! 重要公告 !!!

• 版本：扩展仅包含Contao >=3.2，<=3.6的脚本

这个仓库是用来做什么的？

• Contao的移动导航
• 版本：1.0.1

如何设置？

1. 将文件夹复制到 /system/modules/
2. 创建导航前端模块，并选择模板 /system/modules/assets/templates/nav_default_zixMobile.html5。
3. 创建一个新的页面布局，并只选择头部、主行和底部，不包含左右列。（如果您需要左右列，可以选择此选项，但将列宽设置为100%）。
4. 通过“包含的模块”在头部中包含导航前端模块。
5. 设置视口 "initial-scale=1.0, user-scalable=no, width=device-width"。
6. 在页面布局中，选择jQuery-Templates的方向 j_mobilenavigation-LeftPanel 或 j_mobilenavigation-rightPanel，您希望的方向。
7. 设置整体宽度为100%

8. 只有一级子页面的页面在移动导航中不会显示，因为此功能，您必须有一个概览页和一个子页。这意味着您需要2个子页。父页将重定向到概览页。

   例如

   Parentpage -> redirect to overviewpage
   	overview page
   	subpage
   

9. 没有子页面的页面将正常打开

10. 此扩展从图像、图片、视频和表格中删除了一些属性。请参见下面的代码！

    /* Remove attributes and classes */
    $('body').find('.image_container').removeAttr('style').removeClass('float_left float_right float_above');
    $('body').find('.image_container img').removeAttr('width height');
    $('body').find('video').removeAttr('width height');
    $('.ce_form').find('table td').removeAttr('width');
    

它是如何工作的？

• 当设备是移动、Android或IOS时，文件 /system/modules/assets/js/MobileNavigation.js、/system/modules/assets/js/MobileNavigationCore.js、/system/modules/assets/js/modernizr-2.6.2.min.js 和 /system/modules/assets/css/mobilenavigation.css/ 或 .scss 将自动包含

• 触摸滑动也包含在 /system/modules/config/config.php 中。如果您使用任何其他带有 jquery.touchSwipe.js 的扩展，请注释掉 config.php 中的此行

• 导航包括到level_3的样式。如果您希望有更多级别，您必须根据需要修改 /system/modules/assets/ 中的CSS文件。

我该联系谁？

• Hakan Havutcuoglu
• info@havutcuoglu.com