Jump to content
Enrico Sarni

Ps1.7 abbassare di un livello il TOP MENU

Recommended Posts

Salve, a tutti. Ho posto questa domanda nel forum in inglese pensando di avere una risposta più celere ma purtroppo nessun risultato.

 

Avrei bisogno di cambiare la posizione del "TOP MENU".
Mi piacerebbe spostarlo di un livello sotto il logo e la casella di ricerca.
Qualcuno può aiutarmi??
Grazie

 

 

Classic theme with top menu after logo.jpg

Classic theme with top menu under logo.jpg

Share this post


Link to post
Share on other sites

Ciao,

che versione di PS 1.7 stai usando? Tema di default/acquistato/creato custom? In generale è una modifica che devi fare all'html del template header.tpl

Buona giornata,
Federica

Edited by fedesib (see edit history)

Share this post


Link to post
Share on other sites

Ciao e grazie per avermi risposto.

La versione di prestashop è la 1.7.2.5 e il tema è quello di default, il classic

 

(la foto che ho postato è solo indicativa)

Edited by Enrico Sarni (see edit history)

Share this post


Link to post
Share on other sites

Ciao,

ti confermo che devi apportare la modifica al template header.tpl (nella cartella del tema/templates/_partials). Il punto che ti interessa è quello che inizia con <div class="header-top"> che contiene logo, menu e ricerca rapida.
Spostare solo il menu può essere un po' rognoso perchè è contenuto in {hook h='displayTop'} insieme alla ricerca rapida, ma questo è il punto da cui puoi partire.

Spero di averti aiutato, buona giornata,
Federica

Share this post


Link to post
Share on other sites

Ciao,

in mia opinione non sta bene una modifica del genere perché ti "mangi" tanto contenuto "above the fold"....ti ritrovi un header sproporzionato con tanto spazio bianco lá sopra.....un'altra riga vuota con il solo search eppoi il menu.....

io invece sposterei il blocco search nella prima riga...allego modifica visuale simulata.

 

ovvio che ho toccato solo l'html , poi c'é da sistemare per bene utlizzando il bootstrap ed i css i vari blocchi lá sopra facendo in modo che siano allineati e proporzionati nelle varie risoluzioni , ma per lo meno hai solo 2 righe:-).

 

ciao

classic mod.png

Edited by Fabry (see edit history)

Share this post


Link to post
Share on other sites

Ciao Fabry, riesumo un vecchio post
vorrei mettere in pratica la soluzione da te proposta, ho PS 1.7.6.1 tema classic
dove e come devo intervenire? mi aiuti passo passo?

grazie

 

Share this post


Link to post
Share on other sites

Ciao Drago,

nessuna modifica al tpl ... devi agganciarlo a anche alla posizione displayNav1

Voce menu sinistra

Design>Positions>...selezione il modulo per sganciarlo....dove dice Show seleziona il Search bar...poi in alto a destra "Transplant a module"..lá selezioni il modulo dalla lista e lo agganci alla nav1

Ovvio che peró con il css dovrai metterlo a posto a tutte le risoluzioni in quanto la nav é nascosta nel mobile e quindi ti serve la posizione top....devi un pó lavoraci intorno nascondendo il modulo in posizione top nel desktop..forse é la piú semplice.

 

 

ciao

Share this post


Link to post
Share on other sites

Quello che ho fatto...

ho aperto e modificato il file     public_html/themes/classic/templates/_partials/header.tpl  Le parti in grassetto sono quelle che ho modificato

{block name='header_banner'}
  <div class="header-banner">
    {hook h='displayBanner'}                                                          HO AGGIUNTO UN IMMAGINE
   <div class="container">
        <div class="row">
            <a href="{$urls.base_url}">
                <img class="logo img-responsive" src="/img/Insegna.jpg{*{$shop.logo}*}" alt="{$shop.name}" width="1170" height="65">
            </a>
        </div>
    </div>
  </div>
{/block}

{block name='header_nav'}
  <nav class="header-nav">
    <div class="container">
      <div class="row">
        <div class="hidden-sm-down">
          <div class="col-md-2 col-xs-12">
            {hook h='displayNav1'}
          </div>
          
        <div class="col-md-6 col-xs-12 right-nav">
          {hook h='displaySearch'}                                                    HO AGGIUNTO QUI displaySearch
        </div>

          
          
          <div class="col-md-4 right-nav">
              {hook h='displayNav2'}
          </div>
        </div>
        <div class="hidden-md-up text-sm-center mobile">
          <div class="float-xs-left" id="menu-icon">
            <i class="material-icons d-inline">&#xE5D2;</i>
          </div>
          <div class="float-xs-right" id="_mobile_cart"></div>
          <div class="float-xs-right" id="_mobile_user_info"></div>
          <div class="top-logo" id="_mobile_logo"></div>
          <div class="clearfix"></div>
        </div>
      </div>
    </div>
  </nav>
{/block}

{block name='header_top'}
  <div class="header-top">
    <div class="container">
         
       <div class="row">
        {*<div class="col-md-2 hidden-sm-down" id="_desktop_logo">
            {if $page.page_name == 'index'}
              <h1>
                <a href="{$urls.base_url}">
                  <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
                </a>
              </h1>                                                                                                                                                         HO COMMENTATO TUTTO QUESTO
            {else}
                <a href="{$urls.base_url}">
                  <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
                </a>
            {/if}
        </div>*}

        
        <div class="col-md-12 col-sm-12 position-static">
          {hook h='displayTop'}
          <div class="clearfix"></div>
        </div>
      </div>
      
      
      <div id="mobile_top_menu_wrapper" class="row hidden-md-up" style="display:none;">
        <div class="js-top-menu mobile" id="_mobile_top_menu"></div>
        <div class="js-top-menu-bottom">
          <div id="_mobile_currency_selector"></div>
          <div id="_mobile_language_selector"></div>
          <div id="_mobile_contact_link"></div>
        </div>
      </div>
    </div>
  </div>
  {hook h='displayNavFullWidth'}
{/block}
 

Come levo via la barra di ricerca cerchiata in rosso? e come alzo la riga menù?

 

in file public_html/themes/classic/config/theme.yml ho commentato................... - ps_searchbar ma non leva via la barra di ricerca AIUTOOOO

        - ps_customersignin
        - ps_shoppingcart
      displayTop:
        - ps_mainmenu
#        - ps_searchbar        
      displayHome:
        - ps_imageslider

Screenshot_1.png

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More