Как настроить тему Magento 2? - PullRequest
0 голосов
/ 05 мая 2018

Я новичок в Magento 2 и разработке внешних интерфейсов. Я просто знаю, как использовать html и css, я хочу настроить пустую тему в Magento 2, чтобы понять, как все работает, я читал документацию по Magento 2, но Я не получил никакого представления о том, как это сделать, я хочу настроить тему, что я должен изменить? это файлы CSS или файлы макетов отверстий (XML)?

Я пытался пройтись по какому-нибудь учебнику, чтобы добавить файл css, но ничего не изменилось.

это default_head_blocks.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"   xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
   <css src="css/source/style.css" />
  </head>
</page>

и это файл CSS

.navigation {
    background: #40e936;
    font-weight: 700;
    height: inherit;
    left: auto;
    overflow: inherit;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 3;
}

Ответы [ 2 ]

0 голосов
/ 01 октября 2018

Magento 2 теперь может обрабатывать 2 типа файлов для стилизации веб-сайта: файл CSS и файл LESS, что позволяет легко управлять сложными файлами CSS. Если ваша пользовательская тема взята из стандартных тем Magento Luma или Black, вы можете просто переопределить файлы LESS, например, изменив значения переменных, которые есть в файлах по умолчанию. Вот несколько простых шагов:

  • Создайте новую тему, которая наследует черную тему, мы можем назвать ее оранжевой темой.
  • Добавить код переопределения приложение / дизайн / интерфейс / OrangeCo / оранжевый / веб / CSS / источник / _theme.less

В оранжевой папке темы вы можете изменить цвет кнопки или любые изменения, которые вы хотите. Вы можете нанять разработчика, если у вас возникли большие проблемы при настройке. Вот ссылка, если это может помочь kodematix

0 голосов
/ 12 июля 2018

Чтобы добавить пользовательский файл темы CSS в Magento 2, вам необходимо:

  1. Создать файл custom.css в pub / media /
  2. Перейдите в Admin> Содержимое> Конфигурация> [выберите тему, которая используется в настоящее время]> Глава HTML> Сценарии и таблицы стилей
  3. Ввод: <link rel="stylesheet" type="text/css" media="all" href="{{MEDIA_URL}}custom.css" />

Однако, вышеприведенный метод не рекомендуется в Magento 2. В Magento 2 вы должны стиль создать дочернюю тему , а затем редактировать файлы CSS и LESS, которые расширены из родительской темы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...