Lesson2: Theme location and structure in magento2

0
5
theme location structure magento2

What’s in this topic ?

This topic describes the file structure of a Magento theme and theme location in magento 2.

I. Theme location

Storefront themes are conventionally located under app/design/frontend/<Vendor>/. Though technically they can reside in other directories. For example Magento built-in themes can be located under vendor/magento/theme-frontend-<theme_code> when a Magento instance is deployed from the Composer repository.

Each theme must be stored in a separate directory:

app/design/frontend/<Vendor>/
├── <theme1>
├── <theme2>/
├── <theme3>
├--...

What are 2 ways of installing a theme?

● Direct
● Composer

What are the locations of these?

theme location magento2

What are the use cases for using each?

theme localtion magento2

II. Theme structure

The structure of a Magento theme directory typically would be like following:

<theme_dir>/
├── <Vendor>_<Module>/
│   ├── web/
│   │   ├── css/
│   │   │   ├── source/
│   ├── layout/
│   │   ├── override/
│   ├── templates/
├── etc/
├── i18n/
├── media/
├── web/
│   ├── css/
│   │   ├── source/
│   ├── fonts/
│   ├── images/
│   ├── js/
├── composer.json
├── registration.php
├── theme.xml

What 3 elements define a theme?

theme structure magento2

app/design/frontend/FisheyeAcademy/training

III. Default themes

What are the default themes in Magento 2?

default theme magento2

*Luma is a child theme of Blank