Prestashop – struktura souborů šablony
Struktura Souboru Motivu
Při vytváření motivu, budete muset vymyslet přední části všech různých stránek a informací, obsahující vaše téma zpracovat správně, s cílem nabídnout zákazníkovi kompletní zážitek. Zde opět, výchozí motiv je dobrý způsob, jak získat inspiraci, jak v různých souborů, které nabízí a chování, které je ideální pro, ale i v jeho kódu, který můžete ponořit do s cílem lépe pochopit, jak funguje téma.
Za prvé, tady je seznam souborů nezbytná šablon (spoiler alert: existují 60 z nich. Ano, všechny jsou nezbytné pro různé funkce PrestaShop):
|
Název souboru
|
Proč je nutné
|
Další soubory šablon používané touto šablonou výchozího motivu
|
|---|---|---|
| 404. tpl | Zobrazí se, když soubor nebyl nalezen. | |
| Address.tpl | Umožňuje zákazníkovi vytvořit novou adresu. |
|
| Addresses.tpl | Umožňuje zákazníkovi zobrazíte její aktuální adresy. | |
| Authentication.tpl | Umožňuje zákazníkovi, aby se přihlásit do svého účtu. |
|
| nejlepší sales.tpl | Zobrazuje nejprodávanější výrobky. |
|
| breadcrumb.tpl | Zobrazí kategorie cestu k současné/kategorii produktů. |
|
| Kategorie cms strom branch.tpl | Vede přes CMS kategorií pro jejich zobrazení. |
|
| Kategorie count.tpl | Zobrazí počet produktů v kategorii. | |
| Kategorie strom branch.tpl | Vede přes kategorie produktů za účelem jejich zobrazení. |
|
| Category.tpl | Zobrazí obsah kategorie: scény, obrázek, text, porovnání produktů, atd. |
|
| CMS.tpl | Zobrazí obsah stránky CMS. | |
| kontakt form.tpl | Zobrazí kontaktní formulář zákazníka. |
|
| discount.tpl | Zobrazí seznam dokladů zákazníka. | |
| errors.tpl | Zobrazí aktuální chyby. | |
| footer.tpl | Zobrazí zápatí. |
|
| Global.tpl | Definuje několik proměnných Smarty, nejpozoruhodnější JavaScript ty. | |
| Hodnocení tracking.tpl | Zobrazí stránku sledování pro hodnocení zákazníků (návštěvníky žádný účet). |
|
| header.tpl | Zobrazí záhlaví: HTML doctype, odkazy na CSS souborů, atd. |
|
| History.tpl | Zobrazí všechny její předchozí objednávky zákazníkovi. |
|
| identity.tpl | Zobrazuje a aktualizuje osobní údaje zákazníka. |
|
| layout.tpl | Vyzývá hlavní cihly na téma: záhlaví, zápatí, sloupce, aktuální šablony a živé úpravy. |
|
| Maintenance.tpl | Zobrazí speciální stránku pro kdy úložiště je v údržbě. | |
| výrobce list.tpl | Zobrazí seznam všech výrobců. |
|
| Manufacturer.tpl | Zobrazí výrobky od jednoho výrobce. |
|
| my-account.tpl | Zobrazí stránku účtu zákazníka. | |
| NBR produkt page.tpl | Zobrazí počet výrobků v aktuální stránce. | |
| nové products.tpl | Zobrazí blok s novými produkty. |
|
| objednávka adresa multishipping-products.tpl | Zobrazí adresy dodat produkt v multishipping situaci. |
|
| objednávka adresa multishipping.tpl |
|
|
| objednávky address.tpl |
|
|
| objednávky carrier.tpl |
|
|
| objednávky confirmation.tpl |
|
|
| objednávky detail.tpl | ||
| objednávky follow.tpl | ||
| objednávka opc nová account.tpl | ||
| objednávky opc.tpl |
|
|
| objednávky payment.tpl |
|
|
|
||
| objednávky slip.tpl | ||
| objednávky steps.tpl | ||
| Pagination.tpl | ||
| Password.tpl |
|
|
| ceny drop.tpl |
|
|
| produkt compare.tpl | ||
| produkt seznam colors.tpl | ||
| produkt list.tpl | ||
| produkt sort.tpl | ||
| výrobek.tpl |
|
|
| produkty comparison.tpl | ||
| omezení country.tpl | ||
| scenes.tpl | ||
| Search.tpl |
|
|
| nakupování košík produkt line.tpl | ||
| nakupování cart.tpl |
|
|
| Sitemap.tpl |
|
|
| Stores.tpl | ||
| store_infos.tpl | ||
| dodavatel list.tpl | ||
| Supplier.tpl | Umožňuje zobrazit seznam produktů dle dodavatele. |
|
Pojďme potápění do tak motiv je organizována: složky, soubory, kam patří a jak se správně s nimi zacházet
Organizace Motivu
- Organizace motivu
- Složky
- Náhled souboru
- CSS a Sass
- CSS
- Jedva / kompas
- Písmo
- Obrázek
- JavaScript
- Jazyk
- Mobilní téma
- Soubory
- Soubory šablon
- Šablony stylů
- Obrazové soubory
- Nástroje
- Složky
Složky
Hlavní složky jakékoliv téma PrestaShop jsou:
- V
/ cacheSložka obsahuje všechny dočasné soubory, které jsou generovány a znovu za účelem snížení zatížení serveru. Složka je ve výchozím nastavení prázdná. - V
ovlivněnýSložka obsahuje všechny soubory CSS.- V
/SassSložka obsahuje všechny Sass.scsszdrojové soubory, než jsou zkompilovány do CSS souborů.
- V
- V
/FontSložka obsahuje soubory potřebné písem. - V
/imgSložka obsahuje všechny obrázky. - V
/jsSložka obsahuje všechny soubory jazyka JavaScript. - V
/ langSložka obsahuje překlady téma. Její přístupová práva by měla být nastavena na CHMOD 666 (například), tak, aby nástroj pro překlad back-office lze číst a zapisovat do něj.
Tyto složky nejsou přímo související s tématem, ale pomoc je zajistit celý PrestaShop je funkce mají design, který je v souladu s vaším tématem:
- V
/mailsSložkaobsahuje šablony pro e-maily, že PrestaShop posílá (potvrzení objednávky, heslo žádost, oznámení dodávky, atd.). - V
/ mobilníSložka obsahuje mobilní verzi motivu. - V
/modulesSložka obsahuje soubory šablon pro mnoho modulů. - V
/PDFSložka obsahuje soubory šablon pro soubory PDF, že PrestaShop generuje (faktury, dodacího listu, objednávek dodávek, atd.).
Kořenová složka obsahuje soubory TPL, stejně jako Preview.jpg miniatury souboru.
Náhled Souboru
V Preview.jpg soubor v kořenovém adresáři složky motivu je miniatura, která PrestaShop používá v voliči téma back-office.
Slouží jako vizuální připomenutí toho, co je téma, a proto je třeba jej snímek spíše než logo vaší společnosti.
To může mít jakékoli velikosti – výchozí motiv je 180 * 445 pixelů.
Musí být soubor JPEG.
CSS A Sass
CSS
Téma CSS soubory jsou umístěny v ovlivněný Složka.
Je doporučeno mít společnou šablonu stylů pro globální pravidla CSS: Global.CSS.
Potom, každý správce by měl mít svůj vlastní CSS soubor: například, Product.CSS na stránce produktu.
Jedva / kompas
Sass a kompassoubory jsou volitelné: není nutné použít tyto nástroje k vytvoření CSS soubory pro váš motiv back-office.
Pokud použijete, Sass a kompas, doporučujeme dát zdroj .scss soubory v /Sass téma, tak, aby ostatní vývojáři mohou mít přístup k tématu a přepracovat jejich snadněji.
Odtud můžete generovat soubory CSS v ovlivněný složky ze Sass souborů v /Sass Složka!
Písmo
V /Font Složka je volitelné: obsahuje písmo, které jste se rozhodli použít pro daný motiv.
Například používá téma výchozí PrestaShop super Font písma nastavit)http://fortawesome.github.IO/Font-Awesome/) pro její citlivý ikony, a proto má následující soubory své /Font Složka:
fontawesome-webfont.eotfontawesome-webfont.svgfontawesome-webfont.ttffontawesome-webfont.woff
Je-li vaše téma není budovat s konkrétním písmem nebo ikonu v paměti, můžete přeskočit tuto složku.
Obrázek
Téma související obrázky mají být uloženy v /img Složka.
Můžete vytvořit podsložku pro lepší organizaci. Například výchozí motiv má následující podsložky:
/Iconpro jednoduché ikony (například ty, není k dispozici v sadě zvolené písmo)./jQuerypro jQuery specifické obrazy.
Můžete vytvořit více, podle potřeby.
JavaScript
JavaScript soubory mají být uloženy v /js Složka.
Na rozdíl od CSS soubory doporučujeme vám, aby společným/globální soubor JavaScriptu, ani by měl mít jeden soubor na jeden řadič.
Jazyk
Všechny překlady soubory mají být uloženy v / lang Složka.
Soubory by měly být pojmenovány po jejich kódu ISO 3166-1 alpha-2 malými písmeny: například, fr.php.
Tyto soubory by měly být generovány PrestaShop integrovaný překladatelské nástroje (nachází v lokalizaci / překlady menu).
https://catalogo-onlinersi.net/cs/content/14-prestashop-tpl-strnky