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
Posted (edited)

PS 1.7.6.5

Salve, scusate se uso questo vecchio post ma non riesco ad uscirne.

Dovrei semplicemente correggere il link: login&create_account=1 in login?create_account=1

Il tema è acquistato ma gli sviluppatori latitano da due settimane e vorrei risolvere.

Ho cercato dappertutto ma non riesco a trovare il file giusto, grazie. 

Appunti02.jpg

Edited by sacmo (see edit history)

Share this post


Link to post
Share on other sites

Ciao,

quello é il modulo ps_customersigin....cosí da quello che vedo dovrebbe essere quel modulo a meno che non hanno creato link custom..cmq nel tpl di quel modulo il link alla pagina di registrazione é href="{$urls.pages.register}"...che poi porta alla  pagina di creazione di un nuovo account

 

Share this post


Link to post
Share on other sites

Grazie Fabry per avermi risposto,

ho già guardato in ps_customersigin ma non ho trovato nulla, e non ho creato un link custom.

Ti posto l'immagine di dove è posizionato

Appunti03.jpg

Share this post


Link to post
Share on other sites

Ciao,

no, devi editare quel file del modulo che ti ho indicato.....cmq l'immagine del template che hai caricato sopra non corrisponde al tuo sito....hai riattivato il classic?..

mandami gli accessi ftp  e BO e ti vedo la faccenda:-)....se ti fidi!. 

 

ciao

Share this post


Link to post
Share on other sites

Quello che hai visto è probabilmente il sito in produzione.
Ma in enotecaperbacco.it/CartellaCon1.7inCostruzione sto per terminare una 1.7.6.5

quale file devo editare nel modulo ps_customersigin?

Share this post


Link to post
Share on other sites

vabbé io il sito continuo a non vederlo..cmq

devi andare nella cartella moduli del tuo tema!!....lá trovi il modulo in oggetto e quindi troverai un solo file tpl che ha lo stesso nome del modulo...lá dentro edita il codice del link.

 

Share this post


Link to post
Share on other sites
Posted (edited)

Grazie per la tua disponibilità, ti allego il codice del file in oggetto, mi potresti dire cosa modificare?

Non ho grande confidenza con il codice, ma non vedo il link da modificare.

 

forse al posto di $my_account_url ?

Appunti04.jpg

Edited by sacmo (see edit history)

Share this post


Link to post
Share on other sites

Credo di averlo visto 😂😂😂

 

Giusto?

Appunti05.jpg

Share this post


Link to post
Share on other sites

Si, era proprio quello.

Davvero grazie, grazie mille.

Share this post


Link to post
Share on other sites

Si certo é quello!!!:-)

Good!! dai c'é l'abbiamo fatta:-)

 

ciao

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

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