Как создать дочернюю и родительскую пользовательскую тему magento 2?


Пожалуйста, объясните, как настроить дочернюю тему с пошаговыми инструкциями.

Author: Ben Crook, 2017-09-06

2 answers

Шаги высокого уровня, необходимые для добавления новой темы в систему Magento, следующие:

  1. Создайте каталог для темы в разделе приложение/дизайн/интерфейс//.
  2. Добавить файл объявления theme.xml и при необходимости создайте каталог etc и создайте файл с именем view.xml в каталог тем.
  3. Добавьте файл composer.json.
  4. Добавить registration.php .
  5. Создайте каталоги для CSS, JavaScript, изображений и шрифтов.
  6. Настройте свою тему в администраторе панель.

Для получения более подробной информации, пожалуйста, ознакомьтесь с официальными инструкциями здесь.

Инструкции по созданию темы с нуля/без стилизации см. В ответе на этот пост.

 0
Author: Ben Crook, 2017-09-06 16:17:31

Как упоминалось выше, вы просто создаете структуру базовой темы внутри новой папки темы (вашей дочерней темы) в разделе приложение/дизайн/интерфейс/. мне нравится размещать свою дочернюю тему в папке поставщика, которую я пытаюсь переопределить, поэтому приложение/дизайн/интерфейс/имя поставщика/имя дочерней темы.

Структура папок дочерних тем

<app>
    <design>
        <frontend>
            <vendor>
                <theme-name>
                    <etc>
                    <Magento_Theme>
                        <layout>
                            default.xml
                    <media>
                        preview.png
                    <web>
                        <css>
                        <fonts>
                        <images>
                        <js>
                    theme.xml
                    registration.php

Самое главное theme.xml должно быть создано в основном каталоге дочерних тем, где вы объявляете свою родительскую тему. поставщик/название темы должно быть точно в соответствии с вашей файловой структурой каталога родительской темы

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
    <title>Child Theme Name</title>
    <parent>vendor/themename</parent>
    <media>
        <preview_image>media/preview.png</preview_image>
    </media>
</theme>

Registration.php не требует пояснений, просто регистрирует путь к дочерней теме

frontend/vendor-name/child-theme-name

Лично мне нравится копировать все css, javascript, изображения и шрифты из родительской темы.

Остальное, как объяснено выше, является стандартным и может выполняться в соответствии с официальными инструкциями, приведенными выше.

После завершения вы можете легко добавлять или переопределять шаблоны css, javascript, phtml или xml-файлы в качестве необходимый.

Официальные инструкции

Магенто.Stackexchange - Как создать дочернюю тему в Magento 2

Удачи

 0
Author: Blitzo, 2017-09-07 07:16:44