Tutoriály pro Zencart | Redakční systémy zdarma

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>');

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');

a změníme ho za 

define('BOX_HEADING_CATEGORIES', 'header_image.jpg');

Nyní si najdeme soubor includes/modules/sideboxes/categories.php a najdeme si řádek

$title = BOX_HEADING_CATEGORIES;

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);

.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;
}

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 ?');

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;

a změníme na:

.centershop {
 padding: 0px;
 margin: 0px auto;
 position: relative;
 text-align: left;
 width: 100% !important;

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;

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;

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;

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;

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;

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;

To je pro dnešek vše, pokud by jste chtěli návod i o jiných věcech napište do komentářů