[Risolta]Posizione Modulo Ricerca

Pino82 · August 26, 2015

Salve a tutti,

vorrei sapere come posso spostare il modulo ricerca dentro la barra del menu.

In questo modo : http://it.tinypic.com/view.php?pic=c2iw3&s=8

Grazie.

Edited August 27, 2015 by Pino82 (see edit history)

Giorgio M. · August 26, 2015

Intervieni sul tpl del nav e crea un nuovo hook

Pino82 · August 26, 2015

Intervieni sul tpl del nav e crea un nuovo hook

Scusa ma non sono pratico di queste cose, posso vedere un esempio?

Il sito è questo : www.cartoonparty.it

Grazie.

Edited August 26, 2015 by Pino82 (see edit history)

Sito Lab · August 26, 2015

per semplificarti un pò le cose a questo link trovi un topic uguale al tuo, a volte basta fare una ricerca

scusa il link sopra che ti ho postato è per il carrello nel menu sorry

comunque per inserire il cerca nel menu se vai in moduli --> menu orizzontale puoi selezionare mostra ricerca nel meni e ti appare

Edited August 26, 2015 by lui1969 (see edit history)

Pino82 · August 26, 2015

per semplificarti un pò le cose a questo link trovi un topic uguale al tuo, a volte basta fare una ricerca

scusa il link sopra che ti ho postato è per il carrello nel menu sorry

comunque per inserire il cerca nel menu se vai in moduli --> menu orizzontale puoi selezionare mostra ricerca nel meni e ti appare

me ne sono accorto, ho provato come hai detto tu però si vede soltanto la barra di ricerca e non il logo con "la lente di ingrandimento".

A me servirebbe quel tipo di barra nel menu.

E' possibile?

Sito Lab · August 26, 2015

guarda come è fatto quello in alto e poi guarda come viene quello sulla barra del menu

Pino82 · August 26, 2015

guarda come è fatto quello in alto e poi guarda come viene quello sulla barra del menu

Ho visto, infatti manca il button di cui parlavo io

Il problema è che non riesco a trovare il file dove è posizionata la ricerca nel menu.

Ho provato con blocktopmenu.tpl ma niente

ThemeBooster.com · August 27, 2015

Ciao Pino82,
puoi provare in questo modo:

Utilizza il tuo programma preferito per il Text editing
Crea sul tuo pc locale una copia del file blocktopmenu.tpl che troverai in /themes/tema-che-utilizzi/modules/blocktopmenu/

Apri il file blocktopmenu.tpl
Dovrebbe presentarsi in questa maniera:

{if $MENU != ''}
	<!-- Menu -->
	<div id="block_top_menu" class="sf-contener clearfix col-lg-12">
		<div class="cat-title">{l s="Menu" mod="blocktopmenu"}</div>
		<ul class="sf-menu clearfix menu-content">
			{$MENU}
			{if $MENU_SEARCH}
				<li class="sf-search noBack" style="float:right">
					<form id="searchbox" action="{$link->getPageLink('search')|escape:'html':'UTF-8'}" method="get">
						<p>
							<input type="hidden" name="controller" value="search" />
							<input type="hidden" value="position" name="orderby"/>
							<input type="hidden" value="desc" name="orderway"/>
							<input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" />
						</p>
					</form>
				</li>
			{/if}
		</ul>
	</div>
	<!--/ Menu -->
{/if}

Modificalo come segue

{if $MENU != ''}
	<!-- Menu -->
	<div id="block_top_menu" class="sf-contener clearfix col-lg-12">
		<div class="cat-title">{l s="Categories" mod="blocktopmenu"}</div>
		<ul class="sf-menu clearfix menu-content">
			{if $MENU_SEARCH}
				<li class="sf-search noBack" style="position:absolute;float:left;top:4px;left:5.5%">
					<form id="searchbox" action="{$link->getPageLink('search')|escape:'html':'UTF-8'}" method="get">
						<p>
							<input type="hidden" name="controller" value="search" />
							<input type="hidden" value="position" name="orderby"/>
							<input type="hidden" value="desc" name="orderway"/>
							<input type="text" id="search_query" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" />
						</p>
					<button type="submit" name="submit_search" class="btn btn-default button-search">
					<span>{l s='Search' mod='blocktopmenu'}</span>
					</button>
					</form>
				</li>
			{/if}
			{$MENU}
		</ul>
	</div>
	<!--/ Menu -->
{/if}

In questo modo dovresti aver aggiunto il tasto di ricerca e la dicitura Cerca all'interno del campo stesso (traducibile attraverso il tuo pannello di amministrazione).

Salva il file e sovrascrivilo utilizzando il tuo programma per FTP
A questo punto sarà necessario implementare qualche regola CSS per ottimizzarne la visualizzazione.
Sempre utilizzando il tuo programma preferito per il Text editing, apri il file superfish-modified.css che troverai nella cartella /themes/tema-che-utilizzi/css/modules/blocktopmenu/css/

Di seguito alcune regole generiche che poi potrai modificare in base alle tue esigenze aggiungendole al file superfish-modified.css:

#block_top_menu #searchbox {
    width: 80%;
	-webkit-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	transition:0.3s ease-out;
}

#block_top_menu #searchbox:hover {
    float: right;
    width: 120%;
}


#block_top_menu .btn.button-search {
    background: none;
    display: block;
    position: absolute;
    top: 10px;
    right: -10px;
    border: none;
    color: #c3c3c3;
    width: 50px;
    text-align: center;
    padding: 7px 0 11px 0; }

/* Se non si vuole far apparire la dicitura CERCA */
#block_top_menu .btn.button-search span {
      display: none; }

#block_top_menu .btn.button-search:before {
      content: "\f002";
      display: block;
      font-family: "FontAwesome";
      font-size: 14px;
      width: 100%;
      text-align: center; }

#block_top_menu .btn.button-search:hover {
      color: #000; }

Salva il file ed utilizzando il tuo programma per FTP sovrascrivilo al file originario.

Buon continuo.

Pino82 · August 27, 2015

Ciao, grazie per l'aiuto .

Puoi controllare perchè ho sicuramente sbagliato qualcosa. Non vedo il button.

Per modificare il testo negozio creato con prestashop cosa devo fare?

Ho modificato i file blockcms.tpl del template e del prestashop ma non ho avuto riscontri positivi.

Scusa se ti chiedo molto, ne approffito perchè sei preparato.

Grazie.

Edited August 27, 2015 by Pino82 (see edit history)

ThemeBooster.com · August 27, 2015

Ciao Pino,

quelle indicate al punto 8 sono delle regole che necessitano di essere modificate in base al tema utilizzato.

Come prima cosa meglio rimuovere le prime 2 ed effettuare una piccola modifica (#block_top_menu .btn.button-search) in modo da avere solo queste regole nel file superfish-modified.css che troverai nella cartella /themes/tema-che-utilizzi/css/modules/blocktopmenu/css/:

#block_top_menu .btn.button-search {
    background: none;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    color: #c3c3c3;
    width: 50px;
    text-align: center;
    padding: 7px 0 11px 0; }



#block_top_menu .btn.button-search:before {
      content: "\f002";
      display: block;
      font-family: "FontAwesome";
      font-size: 14px;
      width: 100%;
      text-align: center; }

#block_top_menu .btn.button-search:hover {
      color: #000; }

Inoltre dall'output HTML generato dalla pagina, non sembra essere stata applicata l'implementazione suggerita al punto 4.

Potrebbe dipendere da diversi fattori: dal più semplice come la dimenticanza di aver effettuato la modifica e/o l'upload del file blocktopmenu.tpl che troverai in /themes/tema-che-utilizzi/modules/blocktopmenu/ oppure se in Amministrazione > Parametri Avanzati > Prestazioni non è abilitata la funzione "Ricompila i file del template se sono stati aggiornati". In questo caso abilita tale funzione, clicca il tasto Salva, clicca il tasto "Pulisci la cache" (alto a destra).

Potrebbe, inoltre, essere necessario effettuare una cancellazione manuale di tutti i file (esclusi i file index.php) che troverai nelle cartelle:
- /cache/smarty/cache/

- /cache/smarty/compile/

Per modificare, invece, il testo "Negozio creato..." non è necessario modificare alcun file di cui è consigliabile il ripristino.

Puoi agire dal pannello di amministrazione > Moduli > Blocco CMS > Configura e deselezionare la voce "Mostra Powered by Prestashop..."
Se invece non volessi eliminarla ma modificarla puoi agire nel pannello di amministrazione > Localizzazione > Traduzioni:
Tipo di traduzione: Traduzioni Moduli Installati

Scegli il tuo tema: il tema che utilizzi

Seleziona la tua lingua: la lingua di cui vuoi effettuare la modifica

Clicca il tasto "Modifica"
Scorri fino al blocco "Modulo blockcms" dove potrai modificare a tuo piacimento.

Pino82 · August 27, 2015

Ciao Pino,

quelle indicate al punto 8 sono delle regole che necessitano di essere modificate in base al tema utilizzato.

Come prima cosa meglio rimuovere le prime 2 ed effettuare una piccola modifica (#block_top_menu .btn.button-search) in modo da avere solo queste regole nel file superfish-modified.css che troverai nella cartella /themes/tema-che-utilizzi/css/modules/blocktopmenu/css/:
#block_top_menu .btn.button-search {
    background: none;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    color: #c3c3c3;
    width: 50px;
    text-align: center;
    padding: 7px 0 11px 0; }



#block_top_menu .btn.button-search:before {
      content: "\f002";
      display: block;
      font-family: "FontAwesome";
      font-size: 14px;
      width: 100%;
      text-align: center; }

#block_top_menu .btn.button-search:hover {
      color: #000; }
Inoltre dall'output HTML generato dalla pagina, non sembra essere stata applicata l'implementazione suggerita al punto 4.

Potrebbe dipendere da diversi fattori: dal più semplice come la dimenticanza di aver effettuato la modifica e/o l'upload del file blocktopmenu.tpl che troverai in /themes/tema-che-utilizzi/modules/blocktopmenu/ oppure se in Amministrazione > Parametri Avanzati > Prestazioni non è abilitata la funzione "Ricompila i file del template se sono stati aggiornati". In questo caso abilita tale funzione, clicca il tasto Salva, clicca il tasto "Pulisci la cache" (alto a destra).

Potrebbe, inoltre, essere necessario effettuare una cancellazione manuale di tutti i file (esclusi i file index.php) che troverai nelle cartelle:

- /cache/smarty/cache/

- /cache/smarty/compile/

Per modificare, invece, il testo "Negozio creato..." non è necessario modificare alcun file di cui è consigliabile il ripristino.

Puoi agire dal pannello di amministrazione > Moduli > Blocco CMS > Configura e deselezionare la voce "Mostra Powered by Prestashop..."

Se invece non volessi eliminarla ma modificarla puoi agire nel pannello di amministrazione > Localizzazione > Traduzioni:

Tipo di traduzione: Traduzioni Moduli Installati

Scegli il tuo tema: il tema che utilizzi

Seleziona la tua lingua: la lingua di cui vuoi effettuare la modifica

Clicca il tasto "Modifica"

Scorri fino al blocco "Modulo blockcms" dove potrai modificare a tuo piacimento.

Ho fatto tutto, la barra di ricerca è posizionata a sinistra sul menu dove copre i titoli delle varie pagine.

Ho dovuto disattivare il carello perchè si posiziona sotto il logo ed abbassa la barra del menu.

Non riesco a fargli impostare una posizione.

Edited August 27, 2015 by Pino82 (see edit history)

ThemeBooster.com · August 27, 2015

A questo punto, da Amministrazione > Moduli > Posizione Moduli potresti:

Sganciare il modulo Ricerca dalla posizione displayTop (Il modulo Carrello dovrebbe occuparne la posizione)
Aggiornare la tua pagina e nel caso ricontrollare il posizionamento del Menu di Navigazione dalla posizione displayTop

Pino82 · August 27, 2015

Update : Sono riuscito a sistemare la barra di ricerca ripristinando il blocktopmenu.tlp ed aggiungendo solo le righe :
<button type="submit" name="submit_search" class="btn btn-default button-search">

<span>{l s='Search' mod='blocktopmenu'}</span>.

Adesso il problema è il carrello che non vuole rimanere nella sua posizione ovvero in alto a destra.

Edited August 27, 2015 by Pino82 (see edit history)

Pino82 · August 27, 2015

A questo punto, da Amministrazione > Moduli > Posizione Moduli potresti:

Sganciare il modulo Ricerca dalla posizione displayTop (Il modulo Carrello dovrebbe occuparne la posizione)

Aggiornare la tua pagina e nel caso ricontrollare il posizionamento del Menu di Navigazione dalla posizione displayTop

Sganciando il modulo ricerca dalla posizione displayTop il carrello sparisce ed il menu ritorna su.

Qual'è la posizione adatta per il carrello?

Edited August 27, 2015 by Pino82 (see edit history)

ThemeBooster.com · August 27, 2015

Ciao Pino,

sul tuo sito è ancora visibile il modulo Ricerca di fianco al logo...

Pino82 · August 27, 2015

Ciao Pino,

sul tuo sito è ancora visibile il modulo Ricerca di fianco al logo...

Grande!!!

è possibile spostarlo a destra?

Se modifico le dimensioni si dovrebbe spostare da solo, giusto?

Basta così, ti ho disturbato abbastanza.

Grazie 1000. Che il Signore ti benedica.

Edited August 27, 2015 by Pino82 (see edit history)

ThemeBooster.com · August 27, 2015

Sicuramente.

Utilizza il tuo programma preferito per il Text editing ed apri il file blockcart.tpl che troverai nella cartella /themes/il-tema-che utilizzi/modules/blockcart/

Modifica questa porzione di codice

<div class="col-sm-4 clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">

con questa

<div class="col-sm-4 col-md-offset-4 clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">

Salva il file
Sovrascrivi il file

Come sempre, se in Amministrazione > Parametri Avanzati > Prestazioni non è abilitata la funzione "Ricompila i file del template se sono stati aggiornati". In questo caso abilita tale funzione, clicca il tasto Salva, clicca il tasto "Pulisci la cache" (alto a destra).

Potrebbe, inoltre, essere necessario effettuare una cancellazione manuale di tutti i file (esclusi i file index.php) che troverai nelle cartelle:
- /cache/smarty/cache/

- /cache/smarty/compile/

Pino82 · August 27, 2015

Risolto. Sei un Grande. Grazie ancora!!!

ThemeBooster.com · August 27, 2015

Figurati, è stato un piacere.

A questo punto puoi aggiungere la stringa [Risolta] all'inizio del titolo della discussione: magari potrà essere di aiuto ad altri utenti.

Buon continuo.

[Risolta]Posizione Modulo Ricerca

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in