Prestashop versione 1.7 come spostare il logo al centro

Back to Blog

Prestashop versione 1.7 come spostare il logo al centro

Prestashop versione 1.7 come spostare il logo al centro.

In questo brevissimo articolo, vi faremo vedere come spostare il logo al centro. Prestashop, la versione 1.7 in particolare, è molto diversa dalla versione 1.6, quello che prima facevamo accedendo alle singole pagine, come per esempio il file global.css con la versione 1.7 cambia molto, infatti non avete più quel file nella classica versione ma è un contenuto molto più compatto.

Bene passiamo ora a questo articolo, come abbiamo detto quello che vogliamo fare è visualizzare in Prestashop versione 1.7 come spostare il logo al centro.

Quello che dobbiamo fare è questo

1 aprire il file header.tpl con il vostro editor di testo come per esempio notepad+++ che trovate a questo link

(il file in questione si trova in themes/classic/templates/_partials)

2 una volta aperto questo file con il vostro editor recarsi alla riga 61 dove trovate questo:

<div class=”col-md-2 hidden-sm-down” id=”_desktop_logo”>

e modificarlo in questo modo:

<div class=”col-md-12 hidden-sm-down text-xs-center” id=”_desktop_logo”>

come avete visto nella modifica posta in alto, abbiamo detto che la colonna passa da md-2 a md-12 quindi più lunga, poi abbiamo detto che il contenuto di questo md-12 deve essere centrato.

dopo andare alla riga 66 dove trovate questo:

<div class=”col-md-10 col-sm-12 position-static”>

e modificarlo in questo modo:

<div class=”col-md-12 col-sm-12 position-static”>

anche qui, cambiamo le impostazione della colonna md che passa da 10 a 12.

Adesso che abbiamo fatto le modifiche sopra riportate non ci resta che cancellare la cache ed aggiornare la pagina, se il tutto è andato a buon fine vi troverete il logo al centro come nella immagine sotto riportata.

spero che anche questo articolo, vi sia piaciuto, per altri articoli, visita il nostro blog.

Se desideri pubblicizzare il tuo sito web, la tua attività online ad un prezzo contenuto contattaci e richiedi un preventivo gratuito.

Inoltre se hai una vecchia versione di prestashop e desideri aggiornare alla versione 1.7 noi di Sito Lab, ti offriamo la nostra esperienza per poterti offrire il giusto servizio ad un prezzo molto contenuto.

Condividi questo post

Commenti (3)

  • Bruno Rispondi

    ciao,
    ho fatto tutto come indicato, ma il logo continua a rimanere a sx.
    Cosa ho sbagliato ?

    il 22 ottobre 2018 alle 9:29
    • SitoLab Rispondi

      buongiorno, provi a pulire la cache del browser e di prestashop il problema può essere dovuto a questo, oltre ad aver fatto il tutto in modo corretto

      il 22 ottobre 2018 alle 10:51
  • Bruno Rispondi

    Ho provato ma il logo continua a rimanere a sx

    il 24 ottobre 2018 alle 12:38

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

*

Back to Blog