Zen Cart er åpen kildekode programvare som alle kan fritt bruke til å drive e - handel handlekurvene for salg av varige driftsmidler og digital varer på nettet . Per juli 2011 og Zen Cart versjon 1.3.9h ( Resource Link # 1 ) finnes det ingen mal overstyringer i den administrative kontrollpanelet . Du må endre koden til PHP eller CSS -filer til å utføre alle faktiske endringer i malen utseende . Du trenger:
Kildekode Editor (for eksempel: Notepad + +, Crimson , etc. )
Vis flere instruksjoner
Bytt Images
en
Bytt logo image . Logoen og andre malbilder ligger i Bilder-mappen ved hjelp av følgende filbane : /includes /templates /Classic /Images
å endre alternativ tekst , størrelse eller bilde navn assosiert med den nye logoen , bruk en kildekode editor for å åpne header.php fil plassert i følgende filbane : includes /languages /engelsk /header.php
Gjør endringer i koden på linjene 21 gjennom 25 , mellom det andre settet med apostrofer , å gjenspeile endringene du ønsker. 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ørrelse 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 den eksisterende tittellinjen bilde på serveren. De horisontale tittelen barer sett på Zen Cart sin standard mal er bare 11 piksler bred og 30 piksler høyt , og gjentas etter behov for å konstruere det som ser ut som en langstrakt tube. Opprette et lignende bilde i grafisk design software for en ønsket farge , med eller uten dimensjonale høydepunkt og skyggelegging .
Endre farger og kantlinjer
4
Åpne stylesheet.css i en kilde kode editor , som ligger i den opprinnelige filen sett , ved å følge denne filbanen : /includes /templates /klassisk /css /stylesheet.css
5
Endre bakgrunnsfarger. Zen Cart er " klassiske" malen har en blek blå bakgrunn . I koden editor , finn Linje 16: background- color: # e5edf5 ;
Tegnene "# e5edf5 " indikerer en bestemt farge blå i HTML heksadesimal fargekode system . ( Ref 3 ) For en hvit bakgrunn , endre koden til # ffffff eller for svart bruk # 000000 . Hvis foretrukket , taste inn koden for noen annen farge.
6
Endre hoveddelen wrapper. Koden funnet på Linje 186 : border : . 1px solid # 9a9a9a ; kontrollere de smale vertikale grå linjene som grenser venstre og høyre side av Zen Cart
Tilpasse alternativene inkluderer : Endre HTML fargekode til en foretrukket farge. Gjør grensen bredere ved å øke pixel størrelse. Hvis ingen grense er å foretrekke, fjerner du 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 programvaren , 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 nederste grensen kontrolleres av Linje 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.