W magento 2 tak jak w przypadku magento 1, ważnym elementem jest znajomość stryktury layoutu opartego o XML, która daje możliwość kontroli i rozbudowy naszego serwisu. Pracując z magento za pomocą XMLa, poszczególne elementy sklepu możemy wyłączać, przemieszczać czy też tworzyć nowe. W tym poście chciałem chce przestawić jak przemieścić block newsletter z footera do własnego kontenera, który będzie tuż nad nim, zaczynamy. Poniżej gotowy kod do umieszczenia w naszym szablonie w pliku default.xml
<referenceContainer name="page.wrapper"> <container name="newsletter-section" htmlTag="div" before="footer-container" htmlClass="newsletter-section"> </container> </referenceContainer> <move element="form.subscribe" destination="newsletter-section" />
Nasz nowy blok ma być widoczny zawsze nad stopką dlatego najpierw wpisujemy:
<referenceContainer name="page.wrapper"> </referenceContainer>
Nowy blok ma być elementem div, ma zawierać class i być umiejscowiony na footerem
<container name="newsletter-section" htmlTag="div" before="footer-container" htmlClass="newsletter-section"> </container>
Na koniec pozostaje tylko, przemieścić blok newslettera do nowego elementu.
<move element="form.subscribe" destination="newsletter-section" />