Zen Cart is open source software die iedereen vrij kan gebruiken om e - commerce winkelwagentjes werken voor de verkoop van materiële en digitale goederen online . Met ingang van juli 2011 en Zen Cart versie 1.3.9h ( Bron Koppeling # 1 ) zijn er geen template overrides in het Administratief bedieningspaneel . U moet de code van PHP of CSS-bestanden te veranderen om alle feitelijke wijzigingen uit te voeren om de sjabloon uiterlijk. Wat je nodig hebt Source Code Editor ( bijvoorbeeld : Notepad + + , Crimson , etc. ) op Twitter Toon Meer Aanwijzingen Vervang Beelden 1 Vervang het logo . Het logo en ander template beelden bevinden zich in de afbeeldingen map met het volgende bestand pad : /includes /templates /classic /images Om de alternatieve tekst te veranderen , grootte of afbeelding naam in verband met het nieuwe logo , gebruik dan een source editor code om de header.php te openen bestand zich in de volgende bestandspad : includes /languages /engels /header.php Breng wijzigingen aan de code op de lijnen 21 tot 25 , tussen de tweede set apostrofs , om de gewenste veranderingen te weerspiegelen. Laat geen spaties tussen de informatie en apostrofs . Kopen van 2 Upload afbeelding naar de server van dezelfde afmetingen en met dezelfde naam op de foto om de huidige header overschrijven . De header image size is 760 pixels breed en 110 pixels hoog , en de naam is : . Header_bg.jpg 3 Upload de nieuwe afbeelding met de naam tile_back.gif om het imago van de bestaande titelbalk overschrijven op de server . De horizontale titelbalk gezien op Zen Cart is standaard sjabloon zijn slechts 11 pixels breed en 30 pixels hoog en worden herhaald als nodig is om te bouwen wat lijkt als een langgerekte buis . Maak een soortgelijk beeld in grafisch ontwerp software van een gewenste kleur , met of zonder de dimensionele hoogtepunt en schaduw. Kleuren wijzigen en Borders Open stylesheet.css in 4 een broncode-editor , gelegen in het oorspronkelijke bestand ingesteld , door het volgen van dit pad : /includes /templates /classic /css /stylesheet.css 5 Verander de achtergrondkleuren . Zen Cart 's " classic " template heeft een lichtblauwe achtergrond . In de code-editor , lokaliseren Lijn 16 : background-color : # e5edf5 ; De tekens " # e5edf5 " wijzen op een specifieke kleur van blauw in de HTML hexadecimale kleurcode systeem . ( Ref 3 ) Voor een witte achtergrond , veranderen de code naar # ffffff of voor zwart gebruik # 000000 . Indien gewenst , voert u de code voor een andere kleur . 6 Wijzig het hoofdgedeelte wrapper . De code gevonden op Lijn 186 : rand: . 1px solid # 9a9a9a ; controle van de smalle verticale grijze lijnen grenzend aan de linker- en rechterkant van Zen Cart opties aanpassen omvatten : Verander de kleur van HTML -code naar een gewenste kleur . Maak de grens breder door het verhogen van de pixelgrootte . Als er geen grens heeft de voorkeur , verwijder deze regel code volledig , of maak het onzichtbaar , zodat je het kunt gebruiken op een later tijdstip . Om de opdrachtregel onzichtbaar voor de software te maken , te gebruiken met een " /* " ( slash , asterisk ) aan het begin van de lijn en " * /" ( asterisk , slash ) aan het einde van de lijn . < Br > Change inhoud container grenzen 7 . Lijn 553 : border : 1px solid # 9a9a9a ; regelt de linker en rechter grenzen van de leftBoxContainer en rightBoxContainer . De groene bodem grens wordt gecontroleerd door Lijn 554 : border - bottom : 5px solid # 336633 ; 8 Upload stylesheet.css naar de server . Gebruik hetzelfde pad als in het op de juiste plaats om het bestaande CSS- bestand wilt overschrijven vinden bestand .
|