Baobaz Blog

System szablonów w Magento w prosty sposób umożliwia tworzenie własnego kodu html/css, realizującego założenia projektu graficznego. Jednakże w wielu przypadkach, o ile to możliwe, właściwsze byłoby wykorzystanie domyślnych szablonów Magento. W ten sposób oszczędzić można dużo czasu poświęconego na integrację nowej struktury kodu html z funkcjonalnością sklepu internetowego Magento.

Dla przykładu, rzućmy okiem na następującą lokalizację w standardowej strukturze plików Magento: app\design\frontend\default\default\template\page. W tym miejscu znajdziemy szablony opisujące najbardziej podstawową i ogólną strukturę strony: 1column.phtml, 2colums-left.phtml, 2colums-right.phtml lub 3colums.phtml. Każdy z tych szablonów zawiera niemal ten sam kod html (skupmy się na części znajdującej się wewnątrz sekcji 'body'):

Jedyna różnica pomiędzy tymi szablonami to część wewnątrz <div class=”middle-container”> - w tym miejscu zdefiniowany jest kod html odpowiedni dla konkretnego layoutu strony. Co jest jednak najbardziej istotne, szablony te powielają najczęściej stosowany sposób podziału struktury strony - na nagłówek, główną część i stopkę. Zatem w większości przypadków możemy wykorzystać powyższe domyślne szablony bez żadnych modyfikacji kodu html, wykorzystując jedynie style css, aby dostosować wygląd strony do wymagań projektu graficznego.

Jasną sprawą jest, że im bardziej szczegółowy szablon, tym mniejsza jest szansa wykorzystania go w niezmienionej formie, mimo to wciąż najszybszym sposobem będzie rozpoczęcie od domyślnego szablonu Magento i zmodyfikowania go tylko w takim zakresie, w jakim jest to konieczne.