1. Zuhause
  2. Frage und Antwort
  3. Bearbeiten eines Kindes Thema in Magento

Bearbeiten eines Kindes Thema in Magento

2017-11-07 4 views
0

ich ein Kind Thema erstellt haben, indem Sie Dateien auf C und fügte hinzu: \ xampp \ htdocs \ magento \ app \ Design \ Frontend \ Magento \ THEMEBearbeiten eines Kindes Thema in Magento

In diesem habe ich eine theme.xml Datei, eine Registrierungs.php-Datei, ein Webordner, ein Medienordner und ein Magento_Theme-Ordner.

Meine Frage lautet wie folgt:

Dieses Kind Thema der C verwendet: \ xampp \ htdocs \ magento \ Anbieter \ magento \ theme-Frontend-blank-Struktur. Wie würde ich zum Beispiel für meine Homepage die Header-Datei ändern? Es hat ein Top-Menü, eine Suche und ein Logo. Wie könnte ich das neu arrangieren? Oder sogar die Homepage. Wie würde ich ein neues Layout dafür machen, vielleicht eine 3/5 Spalte mit normalem Inhalt und 2/5 Inhalt mit den neuesten Produkten (als Beispiel).

Alle Richtungen würden fantastisch sein!

Quelle

2017-11-07 Jason

Antwort

0

Änderungskopf

Overridde Logo: Kopieren vendor\magento\module-theme\view\frontend\templates\html\header.phtml zu app\design\frontend\Magento\themename\Magento_Theme\templates\html\header.phtml und ändern Sie es, wie Sie wollen.

Overdride topmenu: Kopieren Sie vendor\magento\module-theme\view\frontend\templates\html\topmenu.phtml zu app\design\frontend\Magento\themename\Magento_Theme\templates\html\topmenu.phtml und ändern Sie es, wie Sie möchten.

Override-Suchfeld: Es ist ein bisschen anders. Kopieren Sie vendor\magento\module-search\view\frontend\templates\form.mini.phtml zu app\design\frontend\Magento\themename\Magento_Search\templates\form.mini.phtml und ändern Sie es wie gewünscht.

Ref:

erstellen Layout

  1. Datei erstellen app\design\frontend\Magento\themename\Magento_Theme\page_layout\new-layout.xml mit folgendem Inhalt:

    <?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="2columns-left"/> 
</layout>

  2. Datei erstellen app\design\frontend\Magento\themename\Magento_Theme\page_layout\layouts.xml mit folgendem Inhalt:

    <page_layouts xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/PageLayout/etc/layouts.xsd"> 
    <layout id="new-layout"> 
     <label translate="true">My New Layout</label> 
    </layout> 
</page_layouts>

    1. die CSS-Datei schreiben die Breite zu deklarieren:

      .page-layout-new-layout .column.left { 
    width: 60%; 
    float: left; 
    -ms-flex-order: 1; 
    -webkit-order: 1; 
    order: 1; 
} 


.page-layout-new-layout .column.main { 
    width: 40%; 
    float: right; 
    -ms-flex-order: 2; 
    -webkit-order: 2; 
    order: 2; 
}

    2. Cache löschen

Ref:

Quelle

2017-11-10 05:10:46

Verwandte Themen

 Verwandte Themen