Jump to content

Edit History

Burnago

Burnago

Hmm bo całe menu jest generowane dynamicznie w taki magiczny sposób, że nie wiem jaki "adres" ma ten konkretny przycisk.

Wszystkie pozycje menu są w nawiasach { }. 

Kod wygląda mniej więcej tak:

{function name="menu" nodes=[] depth=0 parent=null}  
	{if $nodes|count}
      <ul class="top-menu" {if $depth == 0}id="top-menu"{/if} data-depth="{$depth}">
        {foreach from=$nodes item=node}
			<li class="{$node.type}{if $node.current} current {/if}" id="{$node.page_identifier}">
            {assign var=_counter value=$_counter+1}
              <a
                class="{if $depth >= 0}dropdown-item{/if}{if $depth === 1} dropdown-submenu{/if}"
                href="{$node.url}" data-depth="{$depth}"
                {if $node.open_in_new_window} target="_blank" {/if}
              >
                {if $node.children|count}
                  {* Cannot use page identifier as we can have the same page several times *}
                  {assign var=_expand_id value=10|mt_rand:100000}
                  <span class="pull-xs-right hidden-md-up">
                    <span data-target="#top_sub_menu_{$_expand_id}" data-toggle="collapse" class="navbar-toggler collapse-icons">
                      <i class="material-icons add">&#xE313;</i>
                      <i class="material-icons remove">&#xE316;</i>
                    </span>
                  </span>
                {/if}
                {$node.label}
              </a>
              {if $node.children|count}
              <div {if $depth === 0} class="popover sub-menu js-sub-menu collapse"{else} class="collapse"{/if} id="top_sub_menu_{$_expand_id}">
                {menu nodes=$node.children depth=$node.depth parent=$node}
              	{if $node.image_urls}
					<div class="banerek_menus">
					  {foreach from=$node.image_urls item=image_url}
						<div class="banerek_menu">
							<img src="{$image_url}" alt="" />
						</div>
					  {/foreach}
					</div>
				{/if}
			  </div>
              {/if}
			</li>
        {/foreach}
</ul>
{/if}
{/function}

 

Działanie na tabelach przyniosło taki efekt jak na załączonym screenie. Aby przesunąć i usunąć te przerwy dodałem style margin left i right ze znakiem minus.

Niestety, tak jak mówiłeś. Nie wyświetla się to na smartfonach w ogóle. Także sposób realizacji wydaje się być niewłaściwy. 

4.png

Burnago

Burnago

Hmm bo całe menu jest generowane dynamicznie w taki magiczny sposób, że nie wiem jaki "adres" ma ten konkretny przycisk.

Wszystkie pozycje menu są w nawiasach { }. 

Kod wygląda mniej więcej tak:

{function name="menu" nodes=[] depth=0 parent=null}  
	{if $nodes|count}
      <ul class="top-menu" {if $depth == 0}id="top-menu"{/if} data-depth="{$depth}">
        {foreach from=$nodes item=node}
			<li class="{$node.type}{if $node.current} current {/if}" id="{$node.page_identifier}">
            {assign var=_counter value=$_counter+1}
              <a
                class="{if $depth >= 0}dropdown-item{/if}{if $depth === 1} dropdown-submenu{/if}"
                href="{$node.url}" data-depth="{$depth}"
                {if $node.open_in_new_window} target="_blank" {/if}
              >
                {if $node.children|count}
                  {* Cannot use page identifier as we can have the same page several times *}
                  {assign var=_expand_id value=10|mt_rand:100000}
                  <span class="pull-xs-right hidden-md-up">
                    <span data-target="#top_sub_menu_{$_expand_id}" data-toggle="collapse" class="navbar-toggler collapse-icons">
                      <i class="material-icons add">&#xE313;</i>
                      <i class="material-icons remove">&#xE316;</i>
                    </span>
                  </span>
                {/if}
                {$node.label}
              </a>
              {if $node.children|count}
              <div {if $depth === 0} class="popover sub-menu js-sub-menu collapse"{else} class="collapse"{/if} id="top_sub_menu_{$_expand_id}">
                {menu nodes=$node.children depth=$node.depth parent=$node}
              	{if $node.image_urls}
					<div class="banerek_menus">
					  {foreach from=$node.image_urls item=image_url}
						<div class="banerek_menu">
							<img src="{$image_url}" alt="" />
						</div>
					  {/foreach}
					</div>
				{/if}
			  </div>
              {/if}
			</li>
        {/foreach}
</ul>
{/if}
{/function}

 

Działanie na tabelach przyniosło taki efekt jak na załączonym screenie. Aby przesunąć i usunąć te przerwy dodałem style margin left i right.

Niestety, tak jak mówiłeś. Nie wyświetla się to na smartfonach w ogóle. Także sposób realizacji wydaje się być niewłaściwy. 

4.png

×
×
  • Create New...