Schimbați șablonul OpenCart - un blog pentru programatori web si designeri

Magazin piese CoolCar: baterii de autobuz, accesorii, instrumente și multe altele

OpenCart schimbare șablon

Luați în considerare modul în care pentru a edita următoarele elemente ale șablonului (proiectare):
1. Logo-ul si favicon
2. Schema de font și culoare
3. Context (Background)
4. Cap (partea de sus a site-ului)
5. Subsol (partea inferioară)
6. Modificarea aspectului modulului

Elementele 2-4 aveți nevoie de reprezentare minimă a HTML si CSS.
HTML - este utilizat pentru scrierea de pagini web
CSS - pagini web Aspect

Logo-ul si favicon (icon)

Schimbarea logo-ul și favicon nu necesită cunoștințe speciale, ca admin-ul de editare disponibile.
1. Doydite în panoul de administrare OpenCart.
2. Mergeți la System -> Preferences -> Editare -> fila "Imagini"
3. În fila, faceți clic pe butonul „Clear“ -> apoi „Browse“ pentru a descărca logo-ul / favicon dorit, respectiv.
În această filă puteți specifica dimensiunea dorită pentru imaginea mărfurilor pe diferite pagini ale magazinului online.

schema de fonturi și culoare fundal

Pentru a schimba cu succes fontul sau culoarea elementelor individuale ale șablonului și ar trebui să fie familiarizați cu elementele de bază ale html / css.
1. Conectați-vă la FTP pentru a edita fișiere
2. Conectați-vă la directorul rădăcină al site-ului dvs. cu fișiere OpenCart (de obicei, www sau public_html)
3. Mergeți la catalog -> View -> theme-> vasha_tema (standard implicit) -> stylesheet -> stylesheet.css
4. Deschideți css-fișier pentru editare stylesheet.css
5. Specificați elementul dorit model font / culoare
6. Salvați modificările și actualizați pagina principală a site-ului în browser

Context - schimba culoarea de fundal, puteți modifica valoarea de «culoare de fundal» tag-ul «organism».

Cap (partea de sus a site-ului) subsol

1. Conectați-vă la FTP folosind FTP Manager pentru a edita fișiere.
2. Navigați la folderul rădăcină al unui magazin online cu fișiere OpenCart (de obicei, www sau public_html)
3. Mergeți la catalog -> View -> theme-> vasha_tema (standard implicit) -> șablon -> comună -> header.tpl
4. Deschideți pentru a edita header.tpl
5. Editați codul pentru a se potrivi nevoilor dumneavoastră folosind HTML
6. Nu uitați să salvați modificările

Editați subsol (partea de jos) - click Catalog -> View -> theme-> vasha_tema -> șablon -> comună -> footer.tpl
Editați și salvați.

Schimbarea aspectului modulului

Editați modulul nu este cu mult diferit de editare capace, singura diferență în plasarea fișierelor necesare.
1.Pereydite în dosarul catalog -> View -> theme-> vasha_tema -> șablon -> Modul
2. Selectați modulul pe care ne doriți, și faceți clic pe editare
Pentru ca să știți ce fișier pentru a edita, cita corespondența între numele în limba engleză a modulului (în FTP manager) și rusă (admin)

coș -> Cos de cumparaturi
valută -> valută
slideshow -> prezentarea
carusel -> Carusel
recomandate -> populare
bestseller -> best-seller
cele mai recente -> Recent adăugate

3. Pentru a edita și salva modificările.