|
V prvním článku o Zencart si ukážeme pár snadných rad a tipů jak na úpravu systému.
Změna titulku v patičce Chtěli by jste změnit text v patičce systému 'Copyright © 200* Zen Cart. Powered by Zen Cart' na nějaká jiný, vlastní? Návod je jednoduchý. Otevřeme si soubor includes/jazyk/jazyk.php, kde jazyk udává název jazyku který máte nainstalovaný (v případě angličtiny to tedy bude soubor includes/english/english.php) v textovém editoru. A hned na začátku souboru si najdeme řádek s tímto kódem: define('FOOTER_TEXT_BODY', 'Copyright © ' . date('Y') . ' <a href="' . zen_href_link (FILENAME_DEFAULT ) . '" target="_blank">' . STORE_NAME . '</a>. Powered by <a href="http://www.zen-cart.com" target="_blank">Zen Cart</a>');
define%28%27FOOTER_TEXT_BODY%27%2C%20%27Copyright%20%C2%A9%20%27%20.%20date%28%27Y%27%29%20.%20%27%20%3Ca%20href%3D%22%27%20.%20zen_href_link%28FILENAME_DEFAULT%29%20.%20%27%22%20target%3D%22_blank%22%3E%27%20.%20STORE_NAME%20.%20%27%3C%2Fa%3E.%20Powered%20by%20%3Ca%20href%3D%22http%3A%2F%2Fwww.zen-cart.com%22%20target%3D%22_blank%22%3EZen%20Cart%3C%2Fa%3E%27%29%3B A upravovat můžeme vše za FOOTER_TEXT_BODY, date('Y') udává datum letošního roku.Změna loga v HTML emailech Pokud jste ze systému posílali nějaké HTML emaily, jistě jste si všimly, že se posílá logo s nápisem ZenCart, toto logo snadno změníme za svoje, tak, že si vytvoříme obrázek, který pojmenujeme header.jpg, a přepíšeme s ním soubor uložený v adresáři /emai. Pokud se vám změny obrázku v již poslaných emailech přesto neprojevili, zkuste nejdřív smazat cache prohlížeče. Použití obrázku v hlavičce postaního boxu Pokud chcete přidat obrázek do nadpisu v jednotlivých postanních boxech je právě tento návod pro Vás. Změnu si ukážeme na postranním boxu kategorie (categories). Vytvoříme si nějaké vlastní pozadí, pro náš příklad ho nazveme třeba header_image.jpg, ten nahrajeme do adresáře includes/templates/template_default/images samozřejme místo template_default dosadíme název nainstalované šablony. Nyní si najdeme soubor includes/languages/english.php a otevřeme ho, najdeme si řádek define('BOX_HEADING_CATEGORIES', 'Categories');
define%28%27BOX_HEADING_CATEGORIES%27%2C%20%27Categories%27%29%3B a změníme ho za define('BOX_HEADING_CATEGORIES', 'header_image.jpg');
define%28%27BOX_HEADING_CATEGORIES%27%2C%20%27header_image.jpg%27%29%3B Nyní si najdeme soubor includes/modules/sideboxes/categories.php a najdeme si řádek $title = BOX_HEADING_CATEGORIES;
%24title%20%3D%20BOX_HEADING_CATEGORIES%3B a změníme ho na $title = zen_image($template->get_template_dir(BOX_HEADING_CATEGORIES, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . BOX_HEADING_CATEGORIES, HEADER_ALT_TEXT);
%24title%20%3D%20zen_image%28%24template-%3Eget_template_dir%28BOX_HEADING_CATEGORIES%2C%20DIR_WS_TEMPLATE%2C%20%24current_page_base%2C%27images%27%29.%20%27%2F%27%20.%20BOX_HEADING_CATEGORIES%2C%20HEADER_ALT_TEXT%29%3B Samozřejmě pro různé postranní moduly musíme měnit jiné soubory. Pokud chcete změnit defaultní obrázek pozadí Zencartu v postranních boxech pro všechny boxy najednou stačí obrázek nahrát do adresáře includes/templates/CUSTOM/images/ a najdeme si soubor includes/templates/template_default/css/stylsheet.css a upravíme třídy rightBoxHeading a leftBoxHeading takto:.leftBoxHeading { margin: 0em; background: url(../images/your_background_image.jpg) #ff6699; padding: 0.5em 0.2em; } .rightBoxHeading { margin: 0em; background: url(../images/your_background_image.jpg) #ff6699; padding: 0.2em 0em; }
.leftBoxHeading%20%7B%0Amargin%3A%200em%3B%0Abackground%3A%20url%28..%2Fimages%2Fyour_background_image.jpg%29%20%23ff6699%3B%0Apadding%3A%200.5em%200.2em%3B%0A%7D%0A.rightBoxHeading%20%7B%0Amargin%3A%200em%3B%0Abackground%3A%20url%28..%2Fimages%2Fyour_background_image.jpg%29%20%23ff6699%3B%0Apadding%3A%200.2em%200em%3B%0A%7D Jak změnit jméno Page_? Najedeme si do adresáře includes/languages/english/page_x.php, kde x je 2,3,4. Otevřeme soubory a změníme tyto dva řádky podle potřeby: define('NAVBAR_TITLE', 'Page ?'); define('HEADING_TITLE', 'Page ?');
define%28%27NAVBAR_TITLE%27%2C%20%27Page%20%3F%27%29%3B%0Adefine%28%27HEADING_TITLE%27%2C%20%27Page%20%3F%27%29%3B Jak změnit šířku šablony (pouze pro verze 1.2+) Šířka stránky je poměrně důležitý parametr stránky. Ukážeme si tedy jak ji změnit. Najdeme si soubor includes/templates/vas_template/css/stylesheet.css a upravíme kódy následovně: najdeme: .centershop { padding: 0px; margin: 0px auto; position: relative; text-align: left; width: 750px !important;
.centershop%20%7B%0A%20padding%3A%200px%3B%0A%20margin%3A%200px%20auto%3B%0A%20position%3A%20relative%3B%0A%20text-align%3A%20left%3B%0A%20width%3A%20750px%20%21important%3B a změníme na: .centershop { padding: 0px; margin: 0px auto; position: relative; text-align: left; width: 100% !important;
.centershop%20%7B%0A%20padding%3A%200px%3B%0A%20margin%3A%200px%20auto%3B%0A%20position%3A%20relative%3B%0A%20text-align%3A%20left%3B%0A%20width%3A%20100%25%20%21important%3B najdeme:
TABLE.header { background-image: url(../images/header_bg.jpg); background-repeat: repeat-x; width: 750px !important; background-color: #ffffff; border-right: 1px solid #9a9a9a; border-left: 1px solid #9a9a9a; border-bottom: 1px solid #9a9a9a;
TABLE.header%20%7B%0A%20background-image%3A%20url%28..%2Fimages%2Fheader_bg.jpg%29%3B%0A%20background-repeat%3A%20repeat-x%3B%0A%20width%3A%20750px%20%21important%3B%0A%20background-color%3A%20%23ffffff%3B%0A%20border-right%3A%201px%20solid%20%239a9a9a%3B%0A%20border-left%3A%201px%20solid%20%239a9a9a%3B%0A%20border-bottom%3A%201px%20solid%20%239a9a9a%3B a změníme na: TABLE.header { background-image: url(../images/header_bg.jpg); background-repeat: repeat-x; width: 100% !important; background-color: #ffffff; border-right: 1px solid #9a9a9a; border-left: 1px solid #9a9a9a; border-bottom: 1px solid #9a9a9a;
TABLE.header%20%7B%0A%20background-image%3A%20url%28..%2Fimages%2Fheader_bg.jpg%29%3B%0A%20background-repeat%3A%20repeat-x%3B%0A%20width%3A%20100%25%20%21important%3B%0A%20background-color%3A%20%23ffffff%3B%0A%20border-right%3A%201px%20solid%20%239a9a9a%3B%0A%20border-left%3A%201px%20solid%20%239a9a9a%3B%0A%20border-bottom%3A%201px%20solid%20%239a9a9a%3B najdeme: .main_page{ width: 750px !important; background-color: #ffffff; border-right: 1px solid #9a9a9a; border-left: 1px solid #9a9a9a; border-bottom: 1px solid #9a9a9a; padding: 5px;
.main_page%7B%0A%0A%20width%3A%20750px%20%21important%3B%0A%20background-color%3A%20%23ffffff%3B%0A%20border-right%3A%201px%20solid%20%239a9a9a%3B%0A%20border-left%3A%201px%20solid%20%239a9a9a%3B%0A%20border-bottom%3A%201px%20solid%20%239a9a9a%3B%0A%20padding%3A%205px%3B a zmeníme na: .main_page{ width: 100% !important; background-color: #ffffff; border-right: 1px solid #9a9a9a; border-left: 1px solid #9a9a9a; border-bottom: 1px solid #9a9a9a; padding: 5px;
.main_page%7B%0A%0A%20width%3A%20100%25%20%21important%3B%0A%20background-color%3A%20%23ffffff%3B%0A%20border-right%3A%201px%20solid%20%239a9a9a%3B%0A%20border-left%3A%201px%20solid%20%239a9a9a%3B%0A%20border-bottom%3A%201px%20solid%20%239a9a9a%3B%0A%20padding%3A%205px%3B najdeme: TD.headerNavigation { width: 750px !important; position: relative; vertical-align:middle; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight:bold; color:#000000; letter-spacing:1px; padding: 5px;
TD.headerNavigation%20%7B%0A%20width%3A%20750px%20%21important%3B%0A%20position%3A%20relative%3B%0A%20vertical-align%3Amiddle%3B%0A%20font-family%3A%20Verdana%2C%20Arial%2C%20sans-serif%3B%0A%20font-size%3A%2011px%3B%0A%20font-weight%3Abold%3B%0A%20color%3A%23000000%3B%0A%20letter-spacing%3A1px%3B%0A%20padding%3A%205px%3B a změníme na: TD.headerNavigation { vertical-align:middle; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight:bold; color:#000000; letter-spacing:1px; padding: 5px;
TD.headerNavigation%20%7B%0A%20vertical-align%3Amiddle%3B%20font-family%3A%20Verdana%2C%20Arial%2C%20sans-serif%3B%0A%20font-size%3A%2011px%3B%0A%20font-weight%3Abold%3B%0A%20color%3A%23000000%3B%0A%20letter-spacing%3A1px%3B%0A%20padding%3A%205px%3B To je pro dnešek vše, pokud by jste chtěli návod i o jiných věcech napište do komentářů |
momentalne sepisujeme pomerne obsahly tutorial pro Drupal, pote se uvidi, slibit Vam tutorial nemohu ale pokusime se neco vytvorit.