Creazione di un modello di homepage personalizzato in Magento2

Come tutti sapete che magento2 ha alcuni modelli di layout come 1colonna, 2 colonne-sinistra, 2 colonne-destra, 3 colonne e voglio creare un modello di layout della homepage personalizzato in Magento2 per questo seguo alcuni tutorial e creo moduli e file come detto in che collega ma nessuno di essi funziona e non riesco a ottenere il layout "home page" nella pagina cms -> scheda progettazione.

Seguo di seguito tutti i collegamenti, ma nessuno funziona, quindi qualcuno ha la soluzione adeguata per favore condividi.

primo collegamento

secondo collegamento

terzo link

quarto link

Ablove tutte le soluzioni non funzionano.

Prima di tutto, dobbiamo sapere come creare un tema personalizzato Magento 2, possiamo fare di più qui: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create. html

Dopo aver creato un nuovo tema personalizzato. Creeremo un nuovo layout personalizzato per la nostra homepage. Ad esempio, la nostra struttura di cartelle:

Dovremmo concentrarci su due file XML: layouts.xmle page_layout/custom_home.xmlsotto la Magento_Themecartella

app / design / frontend / Boolfly / libro / Magento_Theme / layouts.xml

<?xml version="1.0" encoding="UTF-8"?>
<page_layouts xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
              xsi:noNamespaceSchemaLocation="urn:magento:framework:View/PageLayout/etc/layouts.xsd">

    <layout id="custom_home">
        <label translate="true">Custom Home</label>
    </layout>

</page_layouts>

L'ID layout custom_homeè il nome del layout di pagina seguente.

app / design / frontend / Boolfly / book / Magento_Theme / page_layout / custom_home.xml (ho creato una copia di 1column.xmldefault)

<?xml version="1.0"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
        xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
    <update handle="empty"/>
    <referenceContainer name="page.wrapper">
        <container name="header.container" as="header_container" label="Page Header Container"  htmlTag="header" htmlClass="page-header" before="main.content"/>
        <container name="page.top" as="page_top" label="After Page Header" after="header.container"/>
        <container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer" />
    </referenceContainer>
</layout>

Accedi a Magento Admin, trova la home page di cms. Ora, la nostra home page di layout personalizzati è nell'elenco dei layout:

Se scegliamo questo layout, possiamo vederlo in prima pagina:

Nota: assicurati che la nostra cache Magento sia stata cancellata.

È facilmente raggiungibile dall'amministratore, presumo che tu abbia già creato il tema.

Quasi tutti confusi dopo aver creato un nuovo tema hanno perso l'aspetto della home page perché i blocchi home non sono assegnati alla home page mentre creiamo un nuovo tema. Lo facciamo solo manualmente.

si prega di seguire le istruzioni

accedi ad admin, quindi vai a

Conten -> Pagine

trova la Home Page, quindi nella colonna azione fai clic su Modifica quindi

fai clic sulla scheda Contenuto, quindi posiziona il valore seguente nell'area di testo

{{block class="Magento\Cms\Block\Block" block_id="home-page-block"}}

nota: qui block_id è un ID univoco di blocchi, è possibile trovare i blocchi elenco e l'id blocco in Contenuto-> Blocchi

finalmente salva la pagina

quindi svuota la cache di magento e browser, carica la home page, potresti vedere la home page simile alla home page di luma.

se si desidera trovare home page di contenuti HTML, trovare blocco home-page-blocco sotto il Content-> Blocchi quindi modificare il blocco, si poteva vedere il contenuto HTML della home page .

prendi il riferimento di questo principio html, dopodiché puoi sviluppare il tuo html secondo i tuoi requisiti, Aggiungi CSS dal tuo file di layout del tema.

hai bisogno di chiarimenti, basta menzionarli nel commento

buona fortuna