Sie möchten in Ihrem Magento 2 Shop den Hyvä UI Mega Footer (auch Footer C) genannt einrichten? Gehen Sie dazu folgendermaßen vor:
- Kopieren Sie zuerst den Inhalte des Hyvä UI Footer B (B-4-column-newsletter) src Ordners in Ihr Magento 2 Child Theme, z.B. nach app/design/frontend/Theme/hyva
- Installieren Sie nun aus dem Magento 2 Rootordner heraus die Hyvä Zahlarten Icons (Payment Icons) mit dem Befehl
1composer require hyva-themes/magento2-payment-icons
- Kopieren Sie nun den Inhalt des Hyvä UI Footer C (C-mega) src Ordners in Ihr Magento 2 Child Theme, z.B. nach app/design/frontend/Theme/hyva
- Kopieren Sie nun den Inhalt der default.xml Dateien aus beiden Footern zusammen in die Datei app/design/frontend/Theme/hyva/Magento_Theme/layout/default.xml. Die default.xml könnte dann folgendermassen aussehen:
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051<?xml version="1.0"?><pagexmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"><body><move element="footer-static-links" destination="footer_column_1"/><referenceBlock name="footer-content"><container name="footer-content-before"/><block name="footer_column_1" template="Magento_Theme::html/footer/collapse.phtml"><arguments><argument name="title" xsi:type="string" translate="true">Shop</argument><argument name="open" xsi:type="boolean">true</argument></arguments><!-- If you want to use the links as a static block --><!-- <block class="Magento\Cms\Block\Block" name="footer-cms-content"><arguments><argument name="block_id" xsi:type="string">footer_content_1</argument></arguments></block> --></block><block name="footer_column_2" template="Magento_Theme::html/footer/collapse.phtml" after="footer_column_1"><arguments><argument name="title" xsi:type="string" translate="true">Customer Service</argument></arguments><block name="footer-static-links-services" template="Magento_Theme::html/footer/links-services.phtml"/></block><block name="footer_column_3" template="Magento_Theme::html/footer/collapse.phtml" after="footer_column_2"><arguments><argument name="title" xsi:type="string" translate="true">Our Company</argument></arguments><block name="footer-static-links-company" template="Magento_Theme::html/footer/links-company.phtml"/></block><block name="footer_column_4" template="Magento_Theme::html/footer/collapse.phtml" after="footer_column_3"><arguments><argument name="title" xsi:type="string" translate="true">My Account</argument></arguments><block name="footer_menu_4" template="Magento_Theme::html/footer/menu-account.phtml"/></block><container name="footer-content-after"><block name="footer-payment" template="Magento_Theme::html/footer/payment.phtml"/></container></referenceBlock><referenceContainer name="footer-content-before"><block name="footer-cta" template="Magento_Theme::html/footer/cta.phtml"/></referenceContainer><referenceContainer name="footer-content-after"><block name="footer-usps" template="Magento_Theme::html/footer/usps.phtml" before="-"/></referenceContainer></body></page> - Führen Sie nun den npm run build Befehl in Ihrem Magento 2 Rootordner aus, der Befehl könnte folgendermassen aussehen:
1npm --prefix app/design/frontend/Theme/hyva/web/tailwind run build-prod
- Führen Sie den normalen Magento 2 Deploymentbefehl aus
Fertig! Laden Sie das Frontend Ihres Shops neu, Sie sollten nun den Hyvä UI Mega Footer sehen.
Hyvä UI Mega Footer (Footer C) einrichten
Sie benötigen Unterstützung bei der Umsetzung dieser Lösung oder Sie haben die passende Lösung für Ihr Magento Problem noch nicht gefunden? Kontaktieren Sie mich und ich helfe Ihnen bei Ihrem Magento Projekt!