Ci permette di creare un tema figlio in modo che tutti i nostri temi personalizzati in Magento 2 vadano qui:
app / design / frontend / company_name / theme_name
Supponiamo che il nome della nostra azienda sia mycompany e il nome del nostro tema sia di base. Dobbiamo creare la seguente struttura di directory per il nostro tema:
app
└────design
└──────frontend
└──mycompany
└───basic
└──etc
└──Magento_Theme
│ └─layout
│ default.xml
└──media
│ preview.png
└──web
│ └─css
│ └─fonts
│ └─images
│ └─js
│ theme.xml
│ registration.php
la mia compagnia :-
Il nome del pacchetto temi
di base: -
Il nome del tema. Possiamo avere più temi con nome all'interno della cartella mycompany.
etc / view.xml: -
Questo file viene utilizzato per specificare le dimensioni dell'immagine del prodotto, le miniature ecc.
Magento_Theme: -
Questa directory viene utilizzata per sovrascrivere i file dei temi di Magento esistenti.
Magento_Theme / layout / default.xml: -
Per impostazione predefinita Magento2 presuppone che il file del logo del tema debba essere: /web/media/logo.svg
Se si desidera un altro file per il logo, è necessario dichiararlo nel default.xmlfile.
Questo file viene utilizzato anche per sovrascrivere le impostazioni del tema predefinito.
media / preview.png: -
L'anteprima del tema corrente.
web: -
Questa directory contiene tutti i dati statici del tema come immagini, stili, javascript, caratteri ecc.
registration.php: -
Questo file è necessario per registrare il nostro tema sul sistema Magento2.
theme.xml: -
Questo è un file obbligatorio che definisce il nome del nostro tema, il suo genitore e facoltativamente l'immagine di anteprima del tema.
Creazione di file di temi
Ora creiamo i nostri file uno per uno.
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>
registration.php (app / design / frontend / mycompany / basic / registration.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>
A questo punto, il nostro tema è pronto. Svuota la cache e ora selezioneremo il nostro nuovo tema da admin.
Ora, accedi all'amministratore e passa al seguente percorso:
Content -> Design -> Themes
Dovresti vedere il tuo tema elencato.
Ora vai a:
Stores -> Configuration -> Design
Scegli il sito Web principale davanti alla vista dello store in alto a sinistra. Ora fai clic
Desgin -> Design Theme
Deseleziona Usa la casella di controllo Predefinita e scegli il tema. Fai clic su Salva configurazione, cancella la cache e il nuovo tema è pronto. Controlla la tua home page.
Per maggiori dettagli vedi qui.