Slik tilpasser en Zen Cart mal

Zen Cart er åpen kildekode som alle kan fritt bruke til å drive e-handel handlekurvene for salg av varige driftsmidler og digitale varer på nettet. Per juli 2011 og Zen Cart versjon 1.3.9h (Resource Link # 1) er det ingen mal styrer i den administrative kontrollpanelet. Du må endre koden til PHP eller CSS-filer for å utføre alle aktuelle endringer i malen utseende.

Bruksanvisning

Bytt Images

1 Bytt logo image. De logo og andre Malbilder ligger i mappen Bilder hjelp av følgende fil bane: / includes / templates / klassisk / bilder

For å endre alternativ tekst, størrelse eller bildenavn i forbindelse med den nye logoen, kan du bruke en kilde kode editor for å åpne header.php filen ligger i følgende filbanen: includes / languages ​​/ engelsk / header.php

Gjør endringer i koden på linjene 21 gjennom 25, mellom det andre settet med apostrofer, for å reflektere de endringene. Ikke la mellomrom mellom informasjon og apostrofer.

2 Last opp et nytt bilde til serveren til samme dimensjoner og med samme navn for å overskrive gjeldende header image. Overskriften bildestørrelsen er 760 piksler bred og 110 piksler høyt, og navnet er: header_bg.jpg.

3 Last opp det nye bildet heter tile_back.gif å overskrive eksisterende tittellinjen bildet på serveren. De horisontale tittellinjene sett på Zen Cart standardmal er bare 11 piksler bred og 30 piksler høyt, og gjentas etter behov for å konstruere det som ser ut som en langstrakt tube. Opprett et lignende bilde i grafisk design software for en ønsket farge, med eller uten dimensjonale høydepunkt og skyggelegging.

Endre farger og Borders

4 Åpne stylesheet.css i en kildekode editor, som ligger i den opprinnelige filen sett, ved å følge denne filbanen: /includes/templates/classic/css/stylesheet.css

5 Endre bakgrunnsfarger. Zen Cart er "klassiske" mal har en lyseblå bakgrunn. I koden editor, finn Linje 16: background-color: # e5edf5;

Tegnene "# e5edf5" indikerer en bestemt farge av blått i HTML heksadesimale fargekodesystem. (Ref 3) For en hvit bakgrunn, endre koden til #FFFFFF eller for svart bruk # 000000. Hvis foretrukket, taste inn koden for andre farger.

6 Endre hoveddelen wrapper. Koden funnet på linje 186: border: 1px solid # 9a9a9a; kontrollere de smale vertikale grå linjer som grenser til venstre og høyre side av Zen Cart.

Tilpasse alternativene inkluderer: Endre HTML fargekode til en foretrukket farge. Gjør grensen bredere ved å øke pikselstørrelsen. Hvis ingen grense er foretrukket, fjern denne linjen med kode helt, eller gjøre det usynlige, slik at du kan bruke den på et senere tidspunkt. For å gjøre kommandolinjen usynlig for programvare, bruk med en

"/" (skråstrek, stjerne) på begynnelsen av linjen og "/" (stjerne, skråstrek) på slutten av linjen.

7 Endre innhold container grenser. Linje 553: border: 1px solid # 9a9a9a; styrer venstre og høyre grenser leftBoxContainer og rightBoxContainer. Den grønne bunnramme skal kontrolleres av Line 554: border-bottom: 5px solid # 336633;

8 Last stylesheet.css til serveren. Bruk samme filbanen som i filen satt til å finne riktig sted å overskrive den eksisterende CSS-fil.