Ps1.7 abbassare di un livello il TOP MENU

[Enrico Sarni]

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

 

 

[fedesib]

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 March 12, 2018 by fedesib (see edit history)

[Enrico Sarni]

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 March 12, 2018 by Enrico Sarni (see edit history)

[fedesib]

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

[Enrico Sarni]

Grazie

 

[Fabry]

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

Edited March 14, 2018 by Fabry (see edit history)

[Drago64]

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

 

[Fabry]

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

[Drago64]

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

[sacmo]

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. 

Edited July 2, 2020 by sacmo (see edit history)

[Fabry]

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

 

[sacmo]

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

[Fabry]

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

[sacmo]

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?

[Fabry]

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.

 

[sacmo]

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 ?

Edited July 2, 2020 by sacmo (see edit history)

[sacmo]

Credo di averlo visto 😂😂😂

 

Giusto?

[sacmo]

Si, era proprio quello.

Davvero grazie, grazie mille.

[Fabry]

Si certo é quello!!!:-)

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

 

ciao

[c.cristinziano]

Ciao Fabry, ho da poco aggiornato prestashop alla versione 1.6.1.5 perché quella precedente mi causava un problema che ho risolto, ma dopo l'aggiornamento è ricomparso il top menu con il design standard ed ho perso tutte le modifiche che gli avevo fatto.

Al link di seguito puoi vedere come è attualmente del top menu:

https://www.gioielleriamomentipreziosi.it/test_aruba/it/

 

Al link di seguito puoi vedere il design che voglio ripristinare:

https://www.gioielleriamomentipreziosi.it/it/

 

Siccome ho conservato tutti i file della vecchia versione di prestashop, per favore potrest dirmi qual'è il file da sostituire per ripristinare il design del top menu che avevo nella versione precedente? Grazie mille