Zen Cart: inserire una immagine di sfondo esterna alle colonne laterali

Bisogna agire sul file stylesheet.css:

body { margin: 0; font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%; color: #000000; background-color: #ffffff; }

diventa:

body { margin: 0; font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%; background-image: url(../images/body_bg.jpg); color: #000000; background-color: #ffffff; }

Bisogna quindi preparare l'immagine body_bg.jpg che vogliamo utilizzare.

Se poi desideriamo modificare la larghezza del corpo del sito in relazione a questi bordi esterni, bisogna fare un'altra modifica al file stylesheet.css:

#mainWrapper { background-color: #ffffff; text-align: left; width: 774px; vertical-align: top; /*border: 1px solid #aeaeae; */}

diventa:

#mainWrapper { background-color: #ffffff; text-align: left; width: 80%; vertical-align: top; /*border: 1px solid #aeaeae; */}

Modificare la percentuale per allargare/stringere il corpo del sito.