This commit is contained in:
Roman Pyrih
2025-02-25 16:01:43 +01:00
parent b72878bcbe
commit 86781c8ae0
59 changed files with 7203 additions and 6756 deletions

View File

@@ -301,21 +301,21 @@
}
.off-canvas-active>main {
transform: translateX(234px);
-webkit-transform: translateX(234px);
-moz-transform: translateX(234px);
-ms-transform: translateX(234px);
-o-transform: translateX(234px);
transform: translateX(320px);
-webkit-transform: translateX(320px);
-moz-transform: translateX(320px);
-ms-transform: translateX(320px);
-o-transform: translateX(320px);
transition: all 500ms ease 0s;
display: block;
}
.off-canvas-active>.off-canvas-nav-megamenu.active {
transform: translateX(234px);
-webkit-transform: translateX(234px);
-moz-transform: translateX(234px);
-ms-transform: translateX(234px);
-o-transform: translateX(234px);
transform: translateX(320px);
-webkit-transform: translateX(320px);
-moz-transform: translateX(320px);
-ms-transform: translateX(320px);
-o-transform: translateX(320px);
transition: all 450ms ease 0s;
left: 0;
}
@@ -345,9 +345,9 @@
background: #3f3f3f;
position: absolute;
top: 0;
left: -234px;
left: -320px;
overflow: hidden;
width: 234px
width: 320px
}
.off-canvas-nav-megamenu .megamenu .mega-cols {

View File

@@ -54,7 +54,7 @@ $(document).ready(function() {
var $nav = null;
if (!$btn.length)
return;
var $nav = $("<section class='off-canvas-nav-megamenu' data-megamenu-id="+value.id+"><nav class='offcanvas-mainnav' ><div class='off-canvas-button-megamenu'><span class='off-canvas-nav'></span>"+close_bt_txt+"</div></nav></section>");
var $nav = $("<section class='off-canvas-nav-megamenu' data-megamenu-id="+value.id+"><nav class='offcanvas-mainnav' ><div class='off-canvas-button-megamenu'><a href='/'><img src='/img/logo-1732092336.jpg' alt='Masimmo'></a><span class='off-canvas-nav'></span><span class='off-canvas-nav-close'>"+close_bt_txt+"</span></div></nav></section>");
// console.log($($btn.data('target')).find('.megamenu'));
var $menucontent = $($btn.data('target')).find('.megamenu').clone();
$("body").append($nav);

View File

@@ -5,59 +5,62 @@
* @copyright Leotheme
*}
{if isset($error) && $error}
<div class="alert alert-warning leo-lib-error">{$error}</div>
<div class="alert alert-warning leo-lib-error">{$error}</div>
{else}
{if $group_type && $group_type == 'horizontal'}
<nav data-megamenu-id="{$megamenu_id}" class="leo-megamenu cavas_menu navbar navbar-default {if $show_cavas && $show_cavas == 1}enable-canvas{else}disable-canvas{/if} {if $group_class && $group_class != ''}{$group_class}{/if}" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggler hidden-lg-up" data-toggle="collapse" data-target=".megamenu-off-canvas-{$megamenu_id}">
<span class="sr-only">{l s='Toggle navigation' mod='leobootstrapmenu'}</span>
&#9776;
<!--
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
-->
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
{*
<div id="leo-top-menu" class="collapse navbar-collapse navbar-ex1-collapse">{$boostrapmenu|escape:'html':'UTF-8'}</div>
*}
<div class="leo-top-menu collapse navbar-toggleable-md megamenu-off-canvas megamenu-off-canvas-{$megamenu_id}">{$boostrapmenu|escape:'html':'UTF-8' nofilter}{* HTML form , no escape necessary *}</div>
</nav>
<script type="text/javascript">
list_menu_tmp.id = '{$megamenu_id}';
list_menu_tmp.type = 'horizontal';
{if $show_cavas && $show_cavas == 1}
list_menu_tmp.show_cavas =1;
{else}
list_menu_tmp.show_cavas =0;
{/if}
list_menu_tmp.list_tab = list_tab;
list_menu.push(list_menu_tmp);
list_menu_tmp = {};
list_tab = {};
</script>
{else}
<div data-megamenu-id="{$megamenu_id}" class="leo-verticalmenu {if $group_class && $group_class != ''}{$group_class}{/if}">
<h4 class="title_block verticalmenu-button">{$group_title}</h4>
<div class="box-content block_content">
<div class="verticalmenu" role="navigation">{$boostrapmenu|escape:'html':'UTF-8' nofilter}{* HTML form , no escape necessary *}</div>
</div>
</div>
<script type="text/javascript">
list_menu_tmp.id = '{$megamenu_id}';
list_menu_tmp.type = 'vertical';
list_menu_tmp.list_tab = list_tab;
list_menu.push(list_menu_tmp);
list_menu_tmp = {};
list_tab = {};
</script>
{/if}
{/if}
{if $group_type && $group_type == 'horizontal'}
<nav data-megamenu-id="{$megamenu_id}"
class="leo-megamenu cavas_menu navbar navbar-default {if $show_cavas && $show_cavas == 1}enable-canvas{else}disable-canvas{/if} {if $group_class && $group_class != ''}{$group_class}{/if}"
role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggler c-navbar-toggler hidden-lg-up" data-toggle="collapse" data-target=".megamenu-off-canvas-{$megamenu_id}">
<img src="/img/cms/icons/Toggle-navigation.svg" alt="">
<span class="c-sr-only">{l s='Toggle navigation' mod='leobootstrapmenu'}</span>
{* &#9776; *}
<!--
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
-->
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
{*
<div id="leo-top-menu" class="collapse navbar-collapse navbar-ex1-collapse">{$boostrapmenu|escape:'html':'UTF-8'}</div>
*}
<div class="leo-top-menu collapse navbar-toggleable-md megamenu-off-canvas megamenu-off-canvas-{$megamenu_id}">
{$boostrapmenu|escape:'html':'UTF-8' nofilter}{* HTML form , no escape necessary *}</div>
</nav>
<script type="text/javascript">
list_menu_tmp.id = '{$megamenu_id}';
list_menu_tmp.type = 'horizontal';
{if $show_cavas && $show_cavas == 1}
list_menu_tmp.show_cavas = 1;
{else}
list_menu_tmp.show_cavas = 0;
{/if}
list_menu_tmp.list_tab = list_tab;
list_menu.push(list_menu_tmp);
list_menu_tmp = {};
list_tab = {};
</script>
{else}
<div data-megamenu-id="{$megamenu_id}"
class="leo-verticalmenu {if $group_class && $group_class != ''}{$group_class}{/if}">
<h4 class="title_block verticalmenu-button">{$group_title}</h4>
<div class="box-content block_content">
<div class="verticalmenu" role="navigation">
{$boostrapmenu|escape:'html':'UTF-8' nofilter}{* HTML form , no escape necessary *}</div>
</div>
</div>
<script type="text/javascript">
list_menu_tmp.id = '{$megamenu_id}';
list_menu_tmp.type = 'vertical';
list_menu_tmp.list_tab = list_tab;
list_menu.push(list_menu_tmp);
list_menu_tmp = {};
list_tab = {};
</script>
{/if}
{/if}