Следуй ЭТИМ рекомендациям при разработке Magento 2 темы

Автор Nadezhda Belousova
Следуй ЭТИМ рекомендациям при разработке Magento 2 темы

Привет.

Меня зовут. Макс и ты на канале мадженто 2 просто и понятно. Я обновил название канала для того чтобы.

Было очевидно.

О чём канал потому, что до этого был была названием smt2. Макс проникаю, а и я бы сказал бы — это не очень очевидно потому я сделала — это название для того чтобы ты когда искал magento2 находил этот канал и смотрел уроки о том как разрабатывать на платформе, а в этом видео. Я хочу поделиться своим опытом о том как я создавал тему для magento 2 и — это тема была или есть. Клон домашняя страничке то есть — это домашняя страничка я решил сделать анал Amazon сайту и сверстать тему для magento 2 платформы с использованием тех доступных технологий которые magenta предоставляет для разработки тем пару дней назад я разработал тему который назвал Amazon и — это аналог Amazon сайт amazon.com. То есть была у меня создать или поработать над маленьким проектом и создать какой-то аналог известного сайта. Я решил пойти в сторону создания Amazon домашней странички и результаты этой работы. Я выложил на гитхаб то есть есть страничка Amazon Sim magenta 2 она доступна и можно скачать попробовать использовать в своем проекте то есть, что я сделал открыл amazon.com сайт и пошёл сверху вниз блочок за бычком и сделал полностью работоспособны с точки зрения htmls имплементации домашнюю страничку которую я оформил как тема magento 2 платформы то, что у нас есть у нас есть изменённый хейтер даже лучше показать на реальном на реальной локальной версии. Этой темой то есть изменённые header Search который приближен к логотипу амазона есть пару ссылок которая кликабельные Shopping Card основной баннер Discover Amazon с кастомной колонкой с кастомной иконкой вот булочки разных категорий продуктов. То есть я посмотрел они одинаковые и такие как trending video games Electronic Devices Under 100 куда я добавил iPhone 10 за 1000 руб., но на меня за Starbucks на моей теме блочок you recently viewed Items Back to Top Navigation futari дополнительная свитчеры опять-таки futari. И copyright амазона вот я открою PHP. Шторм я покажу как она выглядит с середины самое основное, что я понял при разработке тем для magento 2 — — это обязательно нужно включить настроить использование двух вещей. Первое — это грунт которой нужно выполнить порог команда для того чтобы изменения которые происходили в лес файлах, а для разработки тем наверное в 80% времени происходит выделяется для написания лес файлов elysees стилей новых файлах вот нужно для этого с компилировать чтобы на фронтенде было отрисовка с файлов и есть. Папочка View process на находится в War директории куда попадают все файлы этим файлы с помощью. Гранд команд грантэк groundless они сразу попадают с папочки Up Design Front end они попадают в варве процесс и также они попадают в паб статика практически мгновенно пару секунд в сравнении с тем если почистил Pub Static его View process директории — это до этого когда я разработал темы занимала порядка 40 60 секунд для того чтобы увидеть изменение которое я сделал всё для этого, что я делал я делал изменял стиле в браузере. То есть открывал Chrome inspect и там писал стиле потом если меня устраивает результат. Я копировал — это в лес удалял в армию процесс и перезапуск браузера ждал 50 секунды на 2 минуты в зависимости от того как у меня загружен компьютер — это было очень. Ну тем как я познакомился с кран командами — это получается очень быстро и эффективно. То есть я не пристаю не жду минуту 2 для того чтобы увидеть результат в браузере. Это первый момент и второй момент. Я настроил скачал плагин хром экстеншн он называется Live reload Server тасеево включил. И, что получается ли файлы в сразу же сразу же комбинировать лись забавлялись всю процесс epub Static и Live Server livereload extension автоматически добавлял изменения в обновлял браузер для того чтобы я увидел изменения которое отправил файл её видел на страничке на страничке браузером вот по темам, что очевидно два файла которая Sim Date xml и json PHP здесь ничего нового. Но я базировался. Нина magenta людьми как всегда я делал она Montblanc потому, что я решил использовать не я не решил использовать bootstrap. Я думал. Я использовал поцарапаться с другого туториала который я создал вот, что есть есть. Папочка в которой на основные стили и. Это в extend less который. Я использовал как входную точку для подключения моих дочерних класс файлов — это Elements & layout File. То есть если мы откроем layout здесь, что есть здесь есть всё, что относится к 6 ширина в страничке фото и так далее, а lms.hse.ru этот файл отвечает за стили блоков которая находится на домашней страничке то есть таким образом я разделил логический раздел layout в страничке контент марка по или контент стилей. То есть — это первое второе все картинки были добавлены в веб интерфейс. То есть я. Добавить сюда для того чтобы для простаты потому, что я постарался рамки, что я за полдня сделаю эту тему по крайней мере на домашней странички. Потому — это всё было в инвиз в директории эти картинки подключались в двух местах 1, а второе — это в пешем файле то есть. Давайте разгоняем любой песню Move File например контент в. Причём здесь находится полностью весь контент тот контент который я смогу добавить в основную часть странички и использование блоков ural я стучался в папочку VIP имаджес и достал оттуда картинку которая дорисовала вмгз HTML Tag весь markup он находится в шаблонах Toyota Estima файлах и дальше эти письма файлы подключались в разных местах.

0 комментариев
0

Читайте также