RAKSSQL e-commerce : 11.5 Domyślny szablon e-commerce

Domyślny szablon e-commerce dostępny jest w 2 kolorach. Jeżeli użytkownik chce zmienić kolorystykę szablonu, należy się zapoznać z dalszą częścią dokumentacji.

1. Pliki które należy edytować.

W katalogu /templates/default/style/ znajduje się plik moj_kolor.css w nim definiujemy kolory szablonu.
plik moj_kolor.css możemy potraktować jako szablon i jego kopii nadać nazwę bardziej opisującą kolor np. kolor_czerwony.css. W katalogu "/templates/default/images/" znajduje się podkatalog "moj_kolor" w którym przechowywane są obrazki szablonu.

Definicja kolorów

/* DEFINICJA KOLORÓW SZABLONU */
h1,h2, h3, .produkt a.nazwa, UL.menu A SPAN { color:#50900A; }

.produkt a.nazwa:hover{	color:#408000; }

TR.even:hover  TD, TR.odd:hover TD, DIV.odd:hover,DIV.even:hover { background-color:#e5f49c; }

a.promocja:hover, a.towar_box:hover { background-color:#e5f49c; border-color:#80c00A; border-bottom:1px solid #50900A; }

/* formularze */
TEXTAREA.focus, INPUT.text.focus, INPUT.number.focus { 	border:1px solid #80c00A; border-top:1px solid #50900A; }

/* tabele */
TABLE.data tr.head { background:url(../images/color_green/bg_bar.png);}

.opis td.label{ background:#c5e88A; border-top: 1px solid #e5ff9c; }

.towar_box{ background:#c5e88A; }

/*zakładki w profilu*/
.utabs, DIV.bar, DIV.bar a{ background:  url(../images/color_green/bg_bar.png); }

/* główne menu */
div#header{ background-image:url(../images/color_green/bg_header.png); }
UL.menu SPAN.bg{ background-image:url(../images/color_green/bg_menu.png); }

/* user menu */
a.user_menu_item, a.user_menu_item1 { color: #6BA22F; }
a.user_menu_item:hover, a.user_menu_item1:hover{color: #263A39;}

/* sondy */
.procent_bar DIV{ background:#AED738; }


/* ikonki */
.ui-icon{ background-image:url(../images/icons/icons_4ca300.png); }
button:hover .ui-icon, a:hover .ui-icon{ background-image:url(../images/icons/icons_454545.png); }

2. Jak zapisać kolor?

Kolory zapisane są w formacie szesnastkowym co symbolizuje znak "#" np. kolor biały: #ffffff; kolor czarny: #000000.
Aby wybrać wartość szesnastkową koloru użytkownik może posłużyć się jednym z narzędzi:

Aby kolorystyka była brana pod uwagę przy wyświetlaniu szablonu musimy edytować plik "smarty/header.tpl" Odnajdujemy w nim linię nr. 6 kasujemy linię nr. 5 i 7