Ako prispôsobiť Zen Cart šablóny

Zen Cart je open source softvér , ktorý niekto mohol slobodne používať pre prevádzku e - commerce nákupné vozíky na predaj dlhodobého hmotného a digitálneho tovaru on - line . Od júla 2011 a Zen Cart verzie 1.3.9h ( Resource Link # 1 ) nie sú k dispozícii žiadne šablóny prepísanie v správnej ovládacom paneli . Musíte zmeniť kód PHP alebo CSS súborov , vykonávať všetky skutočné zmeny vzhľadu šablóny . Veci , ktoré budete potrebovať
editor zdrojového kódu ( napr. : Notepad + + , Crimson , atď )
Zobraziť ďalšie inštrukcie
Vymeňte Obrázky
1

Nahraďte obrázok loga . Logo a ďalšie obrázky šablóny sa nachádza v obrazoch zložky pomocou nasledujúcej cestu k súboru : /includes /templates /classic /images

Ak chcete zmeniť názov alternatívne texte , veľkosť alebo obrázok spojený s novým logom , použite editor zdrojového kódu pre otvorenie súboru header.php umiestnený v nasledujúcej ceste k súboru : includes /languages ​​/angličtina /header.php

Vykonajte zmeny kódu na riadkoch 21 až 25 rokov , medzi druhú sadu apostrofy , tak , aby odrážali požadované zmeny . Nenechávajte medzery medzi informáciami a apostrofy .
2

Nahrať nový obrázok na server rovnakých rozmerov as rovnakým názvom na prepísanie aktuálny obrázok v záhlaví . Veľkosť header image je 760 pixelov široký a 110 pixelov vysoký , a meno je : . Header_bg.jpg
3

Pridať nový obraz s názvom tile_back.gif prepísať existujúcu hlavičku obrázku na serveri . Horizontálne názov bary vidieť na predvolené šablóny Zen Cart sú len 11 pixelov široký a 30 pixelov vysoký a sa opakujú podľa potreby postaviť niečo , čo vyzerá ako podlhovasté trubičky . Vytvoriť podobný obrazu v grafickom dizajne softvéru požadované farby , s alebo bez trojrozmerného zvýraznenie a tieňovanie .
Meniť farby a hranice
4

Otvoriť stylesheet.css v editor zdrojového kódu , ktorý sa nachádza v pôvodnej sade súborov , ktoré po tejto ceste súboru : /includes /templates /classic /css /stylesheet.css
5

Zmena farby pozadia . " Klasický " šablóna Zen Cart má svetlo modré pozadie . V editore kódu vyhľadajte riadok 16 : background- color : # e5edf5 ;

znaky " # e5edf5 " označujú špecifickú farbu modrú v HTML hexadecimálne kódy farby systému . (Ref 3 ) Pre bielom pozadí , zmeňte kód # FFFFFF alebo čierna použitie # 000000 . Ak prednosť , zadajte kód pre akúkoľvek inú farbu .
6

Vymeňte hlavnú telo obal . Kód našiel na linke 186 : border : 1px solid # 9a9a9a ; ovládať úzke zvislé sivé čiary , ktoré hraničia s ľavou a pravou stranu Zen Cart

Prispôsobenie možnosti patrí : Zmeňte HTML kód farby do zvolenej farby .. Urobte hranicu širšie tým , že zvyšuje veľkosť pixelu . Ak je preferovaná žiadna hranica , odstráňte tento riadok kódu úplne , alebo aby bolo neviditeľné , takže ho môžete použiť neskôr . Ak chcete príkazový riadok neviditeľné softvéru , použite s " /* " ( lomka , hviezdička ) na začiatku riadku a " * /" ( hviezdička , lomka ) na konci riadku .

7

meniť obsah kontajnera hranice . Linka 553 : border : 1px solid # 9a9a9a ; ovláda ľavej a pravej hranice leftBoxContainer a rightBoxContainer . Zelená Spodná hranica je riadený linka 554 : border - bottom : 5px solid # 336633 ;
8

nahrať stylesheet.css na server . Použite rovnakú cestu k súboru ako v sade súborov nájsť správne umiestnenie prepísať existujúci súbor CSS .

• Predchádzajúca strana: Ako používať JDownloader s zobrazovanie kódu 
• Ďalšia strana: Ako skompilovať Nvu v Linuxe