1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

ROZWIĄZANE Przycisk menu (hamburger) na stronie głównej sklepu

Dyskusja w 'Zmiana wyglądu sklepu i edycja zaawansowana' rozpoczęta przez użytkownika czartkowiak, 17 Kwiecień 2018.

  1. czartkowiak

    czartkowiak Nowy użytkownik

    Wiadomości:
    4
    Docenione treści:
    0
    Dzień dobry,
    Realizuje modyfikacje standardowego szablonu RWD polegajacą na dodaniu paska menu typu fixed na którym chciałbym umieścić ikonę przyciksu hamburger, kóry pojawia się w menu dla wersji mobilnej. W tym celu w kodzie pliku, gdzie relizuje obsługę paska fixed umieściłem kod <nav>...</nav> (domyślny z pliku TPL).
    Przycisk się wyświetla i jest wszytsk OK, natomiast, kliknięcie na ten przycisk powoduje aktywację div <ul id="rwd-menu" class="active small"> który wyświetla menu w wersji mobilnej.
    Przejżałem plik TPL i nie mogę niestety namierzyć miejsca w żadnym pliku w którym ten DIV jest obsługiwany (generowany), w pliku JS równiez nie jestem w stanie zlokalizowac fragmentu, który to obsługuje.
    Efekt jaki chcę osiągnąć jest taki, aby ten DIV wyświetlić w innym miejscu niż jest to pierwotnie oprogramowane.
    Czy ktoś z formumowicz, byłby w stanie mi pomóc osiągnąć taki efekt? Każda wskazówka jest dla mnie cena
     
  2. LukaszC

    LukaszC eCommerce Team home.pl

    Wiadomości:
    973
    Docenione treści:
    108
    @czartkowiak struktura menu responsywna jest zawarta w headerlinks.tpl zaczyna się od lini 34 :) Może tutaj to wprowadzisz.
     
  3. czartkowiak

    czartkowiak Nowy użytkownik

    Wiadomości:
    4
    Docenione treści:
    0
    Dzień dobry,

    Dziękuje za odpowiedź. Wiem, że to ten plik, mam tylko pewną trudność w jego intepretacji, ponieważ poniższy fragment (tak mi się wydaje) odpowiada za generowanie menu:

    Kod:
    <nav class="innermenu row container relative">
                {if count($headerlinks)}
                    <ul class="menu-list large standard">
                        <li class="home-link-menu-li">
                            <h3>
                                <a href="{baseDir nonempty=1}" title="{translate key='Home page'}">
                                    <img src="{baseDir}/public/images/1px.gif" alt="{translate key='Home page'}" class="px1">
                                </a>
                            </h3>
                        </li>
    
                        {foreach from=$headerlinks item=link}
                            {if $link->getHref() || $link->isActiveCategory() || $link->isActiveNewsCategory()}
                                <li{if $link->hasSubCategories() || $link->hasNewsSubCategories()} class="parent"{/if}{if $link->isCategory()} id="hcategory_{$link->getCategoryId()|escape}"{elseif $link->isNewsCategory()} id="ncategory_{$link->getNewsCategoryId()|escape}"{/if}>
                                    <h3>
                                        <a {if $link->isPopup()}target="_blank" rel="noopener"{/if} href="{$link->getHref($view)|escape}" title="{$link->getTitle()|escape}" id="headlink{$link->getIdentifier()}" class="spanhover mainlevel">
                                            <span>{$link->getTitle()|escape}</span>
                                            <img src="{baseDir}/public/images/1px.gif" alt="" class="px1">
                                        </a>
                                    </h3>
                                    {if $link->hasSubCategories()}
                                        {include file='headermenu.tpl' level=1 headermenu_categories=$link->getActiveLangChildrenList()}
                                    {elseif $link->hasNewsSubCategories()}
                                        {include file='headernews.tpl' headernews_categories=$link->getNewsActiveLangChildrenList()}
                                    {/if}
                                </li>
                            {/if}
                        {/foreach}
                    </ul>
                {/if}
    
                <ul class="menu-mobile rwd-show-medium rwd-hide-full">
                    <li class="menu-mobile-li small-menu flex flex-4">
                        <a href="{baseDir nonempty=1}" title="{translate key='Menu'}" class="fa fa-align-justify">
                            <img src="{baseDir}/public/images/1px.gif" alt="" class="px1">
                        </a>
                    </li>
                    <li class="menu-mobile-li small-search flex flex-4" id="activ-search">
                        <a title="{translate key='Search'}" class="fa fa-search">
                            <img src="{baseDir}/public/images/1px.gif" alt="" class="px1">
                        </a>
                    </li>
                    <li class="menu-mobile-li small-panel flex flex-4" id="activ-panel">
                        <a href="{route key='panel'}" title="{translate key='My account'}" class="fa fa-user">
                            <img src="{baseDir}/public/images/1px.gif" alt="" class="px1">
                        </a>
                    </li>
                    <li class="menu-mobile-li small-cart flex flex-4">
                        <a href="{route key='basket'}" title="{translate key='Cart'}" class="icon icon-custom-cart">
                            <img src="{baseDir}/public/images/1px.gif" alt="" class="px1">
                        </a>
                    </li>
                </ul>
            </nav>
    W takim razie w jaki sposób powstje finalnie ten tag <ul>, kóry chciałbym wykorzystać do zbudowania pływającego menu( uwzględniając niezbędne zmiany w css itp)?
    upload_2018-4-17_14-45-22.png
     
  4. LukaszC

    LukaszC eCommerce Team home.pl

    Wiadomości:
    973
    Docenione treści:
    108
  5. WodzBorsuk

    WodzBorsuk Zaglądacz

    Wiadomości:
    12
    Docenione treści:
    2
    Złota łopata dla mnie, ale chciałbym pociągnąć temat i spytać czy jest modyfikując dostępne pliki można to menu wyciągnąć poza <nav> (generowało się jako osbny div, który mógłby być pływający). Obecne rozwiązanie zupełnie nie przystaje do obecnych standardów i blokuje opcje pływającego pasku menu prezentowanego w kilku tematach na forum.
     

Poleć forum znajomym