Pozwala nam stworzyć motyw potomny, więc nasze wszystkie niestandardowe motywy w Magento 2 znajdują się tutaj:
app / design / frontend / company_name / theme_name
Załóżmy, że nazwa naszej firmy to mojafirma, a nazwa naszego motywu jest podstawowa. Musimy utworzyć następującą strukturę katalogów dla naszego motywu:
app
└────design
└──────frontend
└──mycompany
└───basic
└──etc
└──Magento_Theme
│ └─layout
│ default.xml
└──media
│ preview.png
└──web
│ └─css
│ └─fonts
│ └─images
│ └─js
│ theme.xml
│ registration.php
moja spółka :-
Nazwa pakietu motywu
podstawowe: -
nazwa motywu. Możemy mieć wiele nazwanych motywów w folderze mojafirma.
etc / view.xml: -
Ten plik służy do określenia wymiarów obrazu produktu, miniatur itp.
Magento_Theme: -
Ten katalog służy do nadpisywania istniejących plików motywów Magento.
Magento_Theme / layout / default.xml: -
Domyślnie Magento2 zakłada, że plik logo twojego motywu powinien być: /web/media/logo.svg
Jeśli chcesz mieć inny plik na logo, musisz zadeklarować go w default.xmlpliku.
Ten plik służy również do zastąpienia domyślnych ustawień motywu.
media / Preview.png: -
Podgląd bieżącego motywu.
web: -
Ten katalog zawiera wszystkie statyczne dane motywu, takie jak obrazy, style, javascript, czcionki itp.
register.php : - Ten plik jest wymagany do zarejestrowania naszego motywu w systemie Magento2.
theme.xml: -
Jest to plik obowiązkowy, który określa nazwę naszego motywu, jego nadrzędny i opcjonalnie obraz podglądu motywu.
Tworzenie plików motywów
Stwórzmy teraz nasze pliki jeden po drugim.
theme.xml (app / design / frontend / mycompany / basic / theme.xml)
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
<title>Basic</title> <!-- your theme's name -->
<parent>Magento/blank</parent> <!-- the parent theme -->
<media>
<preview_image>media/preview.jpg</preview_image> <!-- theme's preview image -->
</media>
</theme>
register.php (app / design / frontend / mycompany / basic / register.php)
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::THEME,
'frontend/mycompany/basic',
__DIR__
);
default.xml (app / design / frontend / mycompany / basic / Magento_Theme / layout / default.xml)
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="logo">
<arguments>
<argument name="logo_file" xsi:type="string">images/my_logo.png</argument>
<argument name="logo_img_width" xsi:type="number">200</argument>
<argument name="logo_img_height" xsi:type="number">200</argument>
</arguments>
</referenceBlock>
</body>
</page>
W tym momencie nasz motyw jest gotowy. Wyczyść pamięć podręczną, a teraz wybierzemy nowy motyw od administratora.
Teraz zaloguj się do administratora i przejdź do następującej ścieżki:
Content -> Design -> Themes
Powinieneś zobaczyć swój motyw na liście.
Teraz przejdź do:
Stores -> Configuration -> Design
Wybierz stronę główną przed Widok sklepu w lewym górnym rogu. Teraz kliknij
Desgin -> Design Theme
Odznacz pole wyboru Użyj domyślnego i wybierz motyw. Kliknij Zapisz konfigurację, wyczyść pamięć podręczną i nowy motyw jest gotowy. Sprawdź swoją stronę główną.
Aby uzyskać więcej informacji, zobacz tutaj.