Magento Expert Forum - Improve your Magento experience

Results 1 to 10 of 10

How to Create a Magento theme from scratch

  1. #1
    Junior Member
    Join Date
    Sep 2015
    Posts
    171
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default How to Create a Magento theme from scratch

    Probably the first thing you will do when starting a new Magento project will be to create a Magento theme that will have custom styling and functionality. Although creating a Magento theme is a pretty simple thing to do (just ask any certified frontend developer), by not following Magento recommendations and rules you can easily make your life a bit complicated. Today I’ll be taking a look into the basics of Magento Theme Development : How to Create a Magento theme from scratch.
    Read the article at : http://www.magesolution.com/blog/cre...theme-scratch/

    View more threads in the same category:


  2. #2
    Junior Member
    Join Date
    May 2015
    Posts
    50
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Thanks for your article its very usefull to every magento developer, thanks again.

  3. #3
    Junior Member
    Join Date
    Mar 2015
    Location
    hà nội việt nam
    Posts
    41
    Thanks
    0
    Thanked 3 Times in 3 Posts

    Default

    Super detailed post, You can learn pretty much everything about Create a Magento theme from here.

  4. #4
    Junior Member clapcreative's Avatar
    Join Date
    Jul 2015
    Location
    149 Mcafee court , Thousand Oaks CA 91360
    Posts
    115
    Thanks
    3
    Thanked 6 Times in 6 Posts

  5. #5
    Junior Member
    Join Date
    Sep 2015
    Location
    India
    Posts
    42
    Thanks
    3
    Thanked 1 Time in 1 Post

    Default

    Excellent post. Very easy and simple way to understand how to create theme and it's structure. Very useful for beginners. Thanks for share. Will you please share the same post for Magento plugins?

  6. #6
    Junior Member
    Join Date
    Aug 2016
    Posts
    72
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default

    Good information in detail, You can pretty much everything about create magento theme from here. It is very useful for magento developer.

  7. #7
    Junior Member
    Join Date
    Oct 2016
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Magento Theme Development – from scratch!
    Create Your Theme

    The Magento themes development road is actually not all that long. To begin with Magento theme creation, you need to create a brand new design package in two folders:

    design
    skin
    For the purpose of this tutorial, we’re going to name our package “OurPackage”.

    In your design package, you need to create a folder for your theme. We will call ours “OurTheme”.

    Next, create 2 folders in the theme folder. These folders are your layout and template.

    You then need to head over to the skin folder, open your theme folder and create 3 more folders:

    CSS
    JS
    Images
    Finally, you need one more – local.xml. Slot this in your layout folder and you’re all set.

    Work With Your Theme

    As good as Magento is, it still needs to be told what to do now and then. As you’re engaged in Magento theme development from scratch, you need to tell it which package and themes are your default’s.

    Head on over to system > config > design.

    You then need to tell it that you want to use the OurPackage design package.

    Then, slot your theme name into all fields with the exception of the default field.

    And that’s it! Your theme is all ready and raring to go.

    But before you get too eager to start editing, let’s take a quick look at Magento’s fall back system. This is important for your Magento themes development.

    Magento Fallback System

    Magento’s fallback system is ridiculously powerful and gives you the chance to edit your themes without lots of duplicated files flying all over the place.

    How does it work?

    Well, Magento is made up of numerous small blocks which are routed to a single HTML file. If just one file is missing, you will be met with an alarming render error and your site won’t work. Oh no!

    For this reason, your base package files should never be edited or deleted. Never. If one is deleted by accident, Magento won’t be able to fallback and you will be met with a render error.

    If, however, your theme holds only your changed files, Magento will be able to fallback and look for their base counterparts. Which will basically save your bacon.

  8. #8
    Junior Member
    Join Date
    Aug 2016
    Posts
    41
    Thanks
    1
    Thanked 1 Time in 1 Post

    Default

    Being a newbie, I was looking for a way to learn Magento. Thanks to you for sharing this extremely informative post about Magento with help of which I learned how to start work on Magento. It consists of all what I was actually searching.

  9. #9
    Junior Member
    Join Date
    Sep 2018
    Location
    United Kingdom
    Posts
    156
    Thanks
    0
    Thanked 3 Times in 3 Posts

    Default

    Stage 1: CMS Selection.

    Stage 2: Layout Selection.

    Stage 3: Header Designing.

    Stage 4: Design the Menu.

    Stage 5: Design A SlideShow.

    Stage 6: Set the Style of the Content.

    Stage 7: Now Design the Footer.

    Fare Theme.

  10. #10
    Junior Member
    Join Date
    Sep 2018
    Location
    Oman, Muscat
    Posts
    2,084
    Thanks
    0
    Thanked 4 Times in 4 Posts

    Default

    Make Magento Theme from Scratch With TemplateToaster. Stage 1: CMS Selection. Stage 2: Layout Selection. Stage 3: Header Designing. Stage 4: Design the Menu. Stage 5: Design A SlideShow. Stage 6: Set the Style of the Content. Stage 7: Now Design the Footer. Fare Theme.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •