In the previous posts, I have introduced you How to Create New Theme in Magento 2 and Magento 2 Theme – Create Sample Custom Theme in M2. Now, I will continue to show you the part 2 of this tutorial.

  • After part 1, your module will have following files:

app/design/frontend/Magestore/
├── SimpleTheme/
│   ├── etc/
│   │   ├── view.xml
│   ├── web/
│   │   ├── images
│   │   │   ├── logo.svg
│   ├── registration.php
│   ├── theme.xml
│   ├── composer.json

│   ├── media/
│   │   ├── preview.jpg

The default format and name of a logo image is logo.svg and the default format and name of the preview (in the admin) is preview.jpg. .When you put a logo.svg image in the conventional location, which is <theme_dir>/web/images directory and preview.jpg to the <theme_dir>/media,  it is automatically recognized as theme logo and the preview image. It is displayed in your store page header once the theme is applied.

  • After creating all of these files, please go to the console, Magento 2 root folder and type this command line:
    • PHP bin/Magento setup:upgrade
  • The theme will be installed. Then, please go to your admin page to apply the theme.
  • To apply a theme:
  1. In Admin, go to CONTENT > Design > Configuration.
  2. In the configuration record corresponding to your store view, click Edit.
  3. On the Default Theme tab, in the Applied Theme drop-down, select Magestore SimpleTheme.
  4. Click Save.
  5. If caching is enabled, refresh the cache to make the change.
  6. To see your changes applied, reload the storefront pages.

The steps I mention above is the shortest process for you to Create New Theme in Magento 2 . With this guide, you can manage the New Theme in Magento 2  easily. Every store has a New Theme in Magento 2 with many attributes.

Thank you for reading this post and see you in other posts from Magestore!

 

We also contribute great content of Magento Tutorial for Magento 1.x.

DON'T MISS THE CHANCE!

magento tutorial

How to Create New Theme in Magento 2 (Part 1)
How to Remove Block in Layout in Magento 2

Leave a Reply

Your email address will not be published. Required fields are marked *