Prestashop 1.7 Modifica Aggiungere Immagine Sfondo

Back to Blog

Prestashop 1.7 Modifica Aggiungere Immagine Sfondo

In questo nuovo articolo, vi presentiamo un Video ed una spiegazione per poter inserire, modifica, un’immagine di sfondo al nostro Sito Web in Prestashop versione 1.7. Come è possibile vedere più avanti, il tutto è molto semplice, basta collegarsi tramite FTP al nostro sito oppure farlo da Cpanel o Plesk.

Per prima cosa, troviamo, realizziamo la nostra immagine da inserire come sfondo, vi ricordo che al posto di una immagine è possibile anche mettere un colore unico come sfondo, comunque siete voi a decidere. Vi ricordo che questo è sulla versione Prestashop 1.7.2 con template di Default.

Secondo passaggio, accedere tramite FTP, Cpanel o Plesk al vostro Sito Web e recatevi nel seguente percorso, themes/vostrotema/assets/css una volta che siete all’interno del percorso, aprire con un editor di testo il file theme.css una volta all’interno di questo file, andare in fondo alla pagina in uno spazio vuoto ed aggiungere

#wrapper {
/* background: #ebebeb; */
/* box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.11); */
/*padding-top: 1.5625rem;
background-image: url(url della vostra immagine);
}

salvare, pulire la cache ed aggiornare, andare sul vostro sito web e vedrete l’immagine che avete inserito, se desiderate che lo sfondo, l’immagine che avete inserito sia fissa quindi che non scorra insieme a tutta la pagina, vi basta aggiungere background-attachment: fixed; (come mostrato sotto)

#wrapper {
/* background: #ebebeb; */
/* box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.11); */
/*padding-top: 1.5625rem;
background-image: url(url della vostra immagine);
background-attachment: fixed;
}

ecco un video di quello che abbiamo fatto, parlato in questo momento

Prestashop 1.7 Modifica Aggiungere Immagine Sfondo

Bene questo è tutto, viene a trovarci sul nostro canale youtube ed iscrivi al nostro canale

a questo link invece puoi trovare altri video tutorial che potrebbero interessati.

Condividi questo post

Lascia un commento

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

*

Back to Blog