Modifica campo "Cerca"

[elmaprof]

Ciao a tutti,

il campo di ricerca nel sito è privo di alcuna scritta (vedi allegato). Qualcuno potrebbe aiutarmi nel capire come modificare? Vorrei aggiungere una scritta prima dell'icona di riceca.

 

Grazie mille

[ThemeBooster.com]

Ciao elmaprof,
la modifica che chiedi è di facile attuazione utilizzando un Text Editor (come Notepad++ ad esempio).

 

In base a come è impostato il tuo shop ed al tema utilizzato, i moduli da prendere in considerazione sono: Blocco Ricerca Rapida (Quick Search Block) o Top Menù Orizzontale (Top Horizontal Menu) oppure entrambi. Questo in linea generale.

 

Blocco Ricerca Rapida (Quick Search Block)
Nome del file: blocksearch-top.tpl
Percorso del file: /themes/nome del tuo tema/modules/blocksearch/

Di norma, con questo modulo, dovrebbe già essere visualizzato, nel campo di ricerca, la dicitura "Cerca" grazie all'uso del placeholder:
 

<input class="search_query form-control" type="text" id="search_query_top" name="search_query" placeholder="{l s='Search' mod='blocksearch'}" value="{$search_query|escape:'htmlall':'UTF-8'|stripslashes}" />

Top Menù Orizzontale (Top Horizontal Menu)
Nome del file: blocktopmenu.tpl
Percorso del file: /themes/nome del tuo tema/modules/blocktopmenu/

Il codice che ti interessa modificare è il seguente:
 

<input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" />

che potrai modificare in:
 

<input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" placeholder="{l s='Search' mod='blocktopmenu'}" />

aggiungendo quindi il placeholder.

 

A questo punto sarai anche in grado di aggiungere/personalizzare la traduzione direttamente dal tuo pannello di amministrazione > Localizzazione > Traduzioni

 

Qualora il tema che stai utilizzando non presenti le cartelle:
/themes/nome del tuo tema/modules/blocksearch/
/themes/nome del tuo tema/modules/blocktopmenu/

ed i file

/themes/nome del tuo tema/modules/blocksearch/blocksearch-top.tpl
/themes/nome del tuo tema/modules/blocktopmenu/blocktopmenu.tpl

dovrai provvedere a creare le cartelle e a copiare i relativi file direttamente dalla cartella /modules/ presente nella root della tua installazione.

[elmaprof]

Ciao elmaprof,

la modifica che chiedi è di facile attuazione utilizzando un Text Editor (come Notepad++ ad esempio).

 

In base a come è impostato il tuo shop ed al tema utilizzato, i moduli da prendere in considerazione sono: Blocco Ricerca Rapida (Quick Search Block) o Top Menù Orizzontale (Top Horizontal Menu) oppure entrambi. Questo in linea generale.

 

Blocco Ricerca Rapida (Quick Search Block)

Nome del file: blocksearch-top.tpl

Percorso del file: /themes/nome del tuo tema/modules/blocksearch/

 

Di norma, con questo modulo, dovrebbe già essere visualizzato, nel campo di ricerca, la dicitura "Cerca" grazie all'uso del placeholder:

 

<input class="search_query form-control" type="text" id="search_query_top" name="search_query" placeholder="{l s='Search' mod='blocksearch'}" value="{$search_query|escape:'htmlall':'UTF-8'|stripslashes}" />

Top Menù Orizzontale (Top Horizontal Menu)

Nome del file: blocktopmenu.tpl

Percorso del file: /themes/nome del tuo tema/modules/blocktopmenu/

 

Il codice che ti interessa modificare è il seguente:

 

<input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" />

che potrai modificare in:

 

<input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" placeholder="{l s='Search' mod='blocktopmenu'}" />

aggiungendo quindi il placeholder.

 

A questo punto sarai anche in grado di aggiungere/personalizzare la traduzione direttamente dal tuo pannello di amministrazione > Localizzazione > Traduzioni

 

Qualora il tema che stai utilizzando non presenti le cartelle:

/themes/nome del tuo tema/modules/blocksearch/

/themes/nome del tuo tema/modules/blocktopmenu/

 

ed i file

 

/themes/nome del tuo tema/modules/blocksearch/blocksearch-top.tpl

/themes/nome del tuo tema/modules/blocktopmenu/blocktopmenu.tpl

 

dovrai provvedere a creare le cartelle e a copiare i relativi file direttamente dalla cartella /modules/ presente nella root della tua installazione.

 

 

Ciao,

innanzitutto grazie mille, inizio già a capirne di più di prestashop e dei moduli.

 

Ho seguito le tue indicazioni e ora, al click sull'icona, vedo la scritta "Cerca" nel box che compare (vedi allegato).

 

Io vorrei però inserire una scritta statica prima dell'icona. Come posso fare?

 

Grazie!

[ThemeBooster.com]

Ciao.
Dipende dal tema che stai utilizzando e se è il modulo Blocco Ricerca Rapida oppure Top Menù Orizzontale.

 

Il tuo sito è visualizzabile online?
Dall'immagine non riesco a capire se al click di fianco all'icona, il campo per digitare si espanda permettendo all'utente di digitare quel che intenda ricercare.

[elmaprof]

Ciao.

Dipende dal tema che stai utilizzando e se è il modulo Blocco Ricerca Rapida oppure Top Menù Orizzontale.

 

Il tuo sito è visualizzabile online?

Dall'immagine non riesco a capire se al click di fianco all'icona, il campo per digitare si espanda permettendo all'utente di digitare quel che intenda ricercare.

 

Ciao,

non è online, ma l'ho attivato momentaneamente: http://www.elmaprofessional.com/shop

 

Grazie ancora

[ThemeBooster.com]

Grazie per aver attivato il sito.
Dall'output HTML della pagina, sembra essere utilizzato il modulo Blocco Ricerca Rapida (Quick Search Block) per cui puoi provare a modificare nel file blocksearch-top.tpl (/themes/cartella-del-tuo-tema/modules/blocksearch/):

<input class="search_query form-control" type="text" id="search_query_top" name="search_query" placeholder="{l s='Search' mod='blocksearch'}" value="{$search_query|escape:'htmlall':'UTF-8'|stripslashes}" />

in:

<label for="search_query_top">{l s='Search' mod='blocksearch'}</label>
<input class="search_query form-control" type="text" id="search_query_top" name="search_query" placeholder="{l s='Search' mod='blocksearch'}" value="{$search_query|escape:'htmlall':'UTF-8'|stripslashes}" />

In base al tema che utilizzi, potrebbe essere necessario aggiungere qualche regola CSS nel file blocksearch.css (/themes/cartella-del-tuo-tema/css/modules/blocksearch/)

 

[elmaprof]

Grazie per aver attivato il sito.

Dall'output HTML della pagina, sembra essere utilizzato il modulo Blocco Ricerca Rapida (Quick Search Block) per cui puoi provare a modificare nel file blocksearch-top.tpl (/themes/cartella-del-tuo-tema/modules/blocksearch/):

<input class="search_query form-control" type="text" id="search_query_top" name="search_query" placeholder="{l s='Search' mod='blocksearch'}" value="{$search_query|escape:'htmlall':'UTF-8'|stripslashes}" />

in:

<label for="search_query_top">{l s='Search' mod='blocksearch'}</label>
<input class="search_query form-control" type="text" id="search_query_top" name="search_query" placeholder="{l s='Search' mod='blocksearch'}" value="{$search_query|escape:'htmlall':'UTF-8'|stripslashes}" />

In base al tema che utilizzi, potrebbe essere necessario aggiungere qualche regola CSS nel file blocksearch.css (/themes/cartella-del-tuo-tema/css/modules/blocksearch/)

 

Perfetto,

farò qualche prova.

 

Grazie ancora!