Learn How To Develop Theme In Magento (Second Part)

In the first part of the Magento Theme development, I introduced you to the basics of theme development, including the packages, folder structure in Magento and Magento Base Directory. The first part was only an introduction to Magento Theme building. Now, we are going to start with more technical aspects of theme development. I will be going through each part one by one, starting off with the Product Page development.

Every module of a theme gets its own XML file to manage what things to include and the general layout of the page. Now the page I’m building depends on a file catalog.xml to define its content and structure.

Here Are The Complete Tutorial: http://www.cloudways.com/blog/magent...e-development/

Thanks for sharing this.

It's my pleasure :) Here are the last part of this series :)

Hello Dear,

I am very new in magento eCommerce CMS. I am using eclipse magento theme. I have added categories in my website. but the categories are showing in top main menu and left side menu.
Now I want remove categories menu from top main menu. but not from left side menu.
Please any one here to give me a suggestion, how can I remove the category menus from top main menu? My website link is http://eclipse.mylittlecarnival.com/

Thanks
Md. Nazmul Hassan

Hello Dear,

I am very new in magento eCommerce CMS. I am using eclipse magento theme. I have added categories in my website. but the categories are showing in top main menu and left side menu.
Now I want remove categories menu from top main menu. but not from left side menu.
Please any one here to give me a suggestion, how can I remove the category menus from top main menu? My website link is http://eclipse.mylittlecarnival.com/

Thanks
Md. Nazmul Hassan

Now I want remove categories menu from top main menu. but not from left side menu.
My site: happy wheels

All the packages are amazing and most of them had been a best fit to my websites. I want to get back to the system after trying out Wordpress. I also want to know how to set categories menu to my desired locations across the websites. This one has been a bit of an issue. My websites for future magento include assignment glory EssayArsenal Overall, the system is more efficient than any other leading ones (Wordpress and Joomla).

Thanks you started this thread. it was really helpful.

Quote:

---

Originally Posted by SharrySteve1

All the packages are amazing and most of them had been a best fit to my websites. I want to get back to the system after trying out Wordpress. I also want to know how to set categories menu to my desired locations across the websites.<a href="http://www.iphone7buzz.com/iphone-7-plus-release-date-price-specs-rumour-and-other-news">iPhone 7 plus release date</a> This one has been a bit of an issue. My websites for future magento include assignment glory EssayArsenal Overall, the system is more efficient than any other leading ones (Wordpress and Joomla).

---

This is really great thread. Lots of information. iPhone 7

Hi,

In this series, we'll be taking a look into the basics of Magento Theme Development.

Magento has earned a reputation for being one of the most flexible and powerful eCommerce platforms out there today.

Documentation for it is scarce leaving developers a conundrum to solve. That is to say it's relatively simple once you get to grips with the basics especially if you're someone who is comfortable with front end development.

Before we go any further it's important to understand the purpose of this series and where we're heading over the next few weeks.

This series is aimed at the very beginner and will cover the basics of front end theme development. If you're an advanced Magento developer this may not be the series for you.

In this series, we'll be covering the following topics:

Magento hierarchy
Packages and themes
Fall-back hierarchy
Layout files
Template files

By the end of the series you will be well-equipped to at least have a solid understanding of Magento theme principles and be able to create and modify your very own themes like a professional!

With that said, we're ready to get started.
Magento Hierarchy

First up, we need to understand the Magento Hierarchy and where our theme falls into place. There are hundreds of folders and thousands of files, far too many to list, I will only be focusing on the ones we need to work with.


app/design/frontend/base/default/
app/design/frontend/default/default/
app/design/frontend/<package_name>/<theme_name>/

skin/frontend/base/default/
skin/frontend/default/default/
skin/frontend/<package_name>/<theme_name>/

Magento, at its core, has two folders app and skin which correspond with each other. The app directory contains files that control how the page templates are rendered, the structure. The skin directory contains files that control the appearance of the website such as CSS, JavaScript, and images.

Within a sub-folder of app and skin are where our packages and themes can be found, a typical install of Magento comes with two packages base and default.

So, before we go any further it's important we understand what packages and themes are. If we get this right everything else will fall into place nicely.
All About Packages and Themes

A package is a collection of related themes, there's no limitation on how many packages we can have and we must have at least one package present. Magento comes with a special package, if you will, called base. It's a repository for making Magento core files available to the front end. You must never edit the base package files, do so at your own risk - more on this later!

A theme on the other hand is a direct sub-folder of a package which contains the files that make up your store, again there's no limitation on how many themes we can have within a package. A theme can only belong to one package and by convention each package must contain a theme named "default" which is the main theme for that package.
What's Base All About?

The base package only contains one theme named default. It comes bundled with every Magento install and contains the front end files that make our store run. There's a couple of rules we must accept with the base package.

The first rule being as I mentioned earlier is not to edit these files, this means both in app/design/frontend/base/ and skin/frontend/base/ they should only be used for reference. Files that need to be edited should be copied from base to your package/theme. There are a couple of reasons for this which I will explain.

These files are what make Magento core files in app/code/core/ available to the front end. We simply shouldn't be editing core files, this theory doesn't just apply on Magento but also applies on other platforms including WordPress.

The second one being that when you upgrade Magento it will likely overwrite the base package files. So all your hard work and edits to getting your website looking tip top will all be gone. Unless you took a backup you've pretty much had it!

The second rule is the files in the base package are part of the fall back system, which I will explain next. In short, Magento will fall back on the core files found in base after it utilizes your package and theme. When it falls back it should be to the original intact file not an edited version.

The third rule is do not create any themes inside of the base package.

In summary, only use base for reference and if you need to edit a file copy it over to your own package/theme. If you do ever need to edit base do so at your own risk and keep track of your changes as you may need to manually restore them after upgrades, otherwise leave it well alone!
What's Default All About?

The default package again comes bundled with every Magento install but this time has multiple themes assigned to it. As of community edition 1.8.1.0 it has four different themes of which are:

default
blank
iphone
modern

Just like the base package the exact same rules apply here. The themes in the default package are in essence purely for demonstration purposes only. Ideal for demo stores or if you want to showcase what Magento is capable of to your clients, its a quick setup.
Fallback Logic

Magento relies on a fallback logic to make themes easier to maintain and more upgrade friendly. It allows us to edit and maintain only the files we need within our theme. If we don't need to edit the file we don't need it in our theme, the file will be picked up from elsewhere. To explain this in detail we need a real life example.

Say we have our own website which is setup to use our own package and theme like so:


app/design/frontend/our_package/our_theme/
skin/frontend/our_package/our_theme/

Our website requests a template file named 1column.phtml and a CSS file named styles.css but Magento is unable to locate these files within our theme. Magento fallback logic will now search the next theme in the hierarchy for the files and continue searching until it locates the requested files.

The following order demonstrates the fallback logic Magento goes through when looking for our files:

app/design/frontend/our_package/our_theme/template/page/1column.phtml
app/design/frontend/our_package/default/template/page/1column.phtml
app/design/frontend/base/default/template/page/1column.phtml

skin/frontend/our_package/our_theme/css/styles.css
skin/frontend/our_package/default/css/styles.css
skin/frontend/base/default/css/styles.css

With this fallback logic in place it means we can have a clean code base by keeping our themes to the bare minimum. Only copy the files from base that we need to make modifications to otherwise leave the files out of our theme. If our website requests the file and we don't have it in our theme it will be located by going through the above logic.

Note: If after Magento has been through the fallback logic and the file still cannot be found it will either throw a rendering error if it's in the app directory or if its in the skin directory it will likely throw a 404 file not found.
Create and Enable Our Package / Theme

Right, enough talk let's get down to setting it up.

First up we will create our very our package/theme setup. We'll start by creating the following folders:


app/design/frontend/jasonalvis/default/
skin/frontend/jasonalvis/default/

Now we have a package called jasonalvis and a theme called default, feel free to rename your package to suit your needs. We will keep the theme name as default as each package should always have a default theme, remembering also that default is automatically part of the fallback logic.

All that's left to do now is to enable the package via the Magento admin area. Once logged in head over to system > configuration. From here click on design from the left hand menu and then enter your package name in the Current Package Name field.

While we are here notice below there is a themes section. This is where we would enter our theme name, but because we're just using default we don't need to type anything in here as Magento automatically seeks out this name.

For demonstration purposes say we had for example a theme we wanted to use during a sale we would create the theme like so:


app/design/frontend/jasonalvis/sale/
skin/frontend/jasonalvis/sale/

Then all we would need to do is enable the theme in the admin area just like we did with our package:

Now I want remove categories menu from top main menu. but not from left side menu.
My Site is merry christmas images

this is really a share. I love this post. Seriously i learn many things from this website and article.

My Site about happy new year 2017 messages

Thanks

Im glad to have found this post as its such an interesting one! I am always on the lookout for quality posts and articles so i suppose im lucky to have found this! I hope for more in the future... how to get help in windows 10

All Exam Results http://www.examresult2017.com/
JSC Exam Result 2016 Bangladesh http://www.examresult2017.com/2016/1...angladesh.html
Happy New Year 2017 Messages, SMS, Greetings Wishes http://www.besthappynewyear2017wallp...sages-sms.html
Happy New Year 2017 Wallpaper https://happynewyear2017wallpapers.tumblr.com/
Happy New Year 2017 SMS http://happynewyear-2017sms.blogspot.com/
http://bangladeshmusicnet.wixsite.com/happynewyear2017 Happy New year 2017 Messages
https://www.youtube.com/watch?v=18xM5KR47RQ Start Profitable Blogging | Make Money Online
https://www.youtube.com/watch?v=ATR7-gWochg Happy New Year 2017 Messages
https://www.youtube.com/watch?v=z38ITAQiyKk Happy New Year 2017 Wishes
https://www.youtube.com/watch?v=yCM_hivKBYg Happy New Year 2017 Greetings Card
https://www.youtube.com/watch?v=8pqRN6aJrvM Happy New Year 2017 Wallpaper
http://www.celebrationspecialday.com...apers-sms.html Happy New Year 2017 Wallpapers, SMS, Greetings
https://besthappynewyear2017message.blogspot.com/ Happy New Year 2017 Cards

Thanks for sharing :0

Let’s keeps out flash games for your child the best time relax: wingsio | slither io | are safe space for kids!

thank for share :D

Quote:

---

Originally Posted by doankhuong92

thank for share :D

---

thanks for sharing a nice post happy valentines day 2017 with a st patricks 2017 and happy republic day 2017 images

Happy Valentines Day 2017

Happy Valentines Day 2017 Wallpaper

Happy Valentines Day 2017 Images

Happy Valentines Day 2017 Wishes

Happy Valentines Day 2017 SMS

Happy Valentines Day 2017 Status

Happy Valentines Day 2017 Gift

Fantastic tutorial. Really magento is now trending in web development, and it is more benefits for website. if you look to develop an fantastic magento website, then visit: Potenza Global Solutions. It develop a user friendly magento website that helps client as well as their business.

Interesting article! Thank you for sharing them! I hope you will continue to have similar posts to share with everyone! I believe a lot of people will be surprised to read this article!
fb login

Nice post, thanks for sharing here.

If you want to edit the design of your theme then it is highly recommended to create your own custom theme rather than editing a corre files. Here's a step by step guide to create a custom theme in Magento 2:

Custom theme magento 2

Thanks for your post! I believe there are many who feel the same satisfaction as I read this article! I hope you will continue to have such articles to share with everyone!
fb login

Thanks for your article! I have been looking for quite a long time and fortunately I read this article! I wish you would continue to have valuable articles like this or more to share with everyone!
abcya

Thanks for sharing the link guide, it is useful to I know how to develop the theme in Magento.
rolling sky

Thank you for giving them this great knowledge, really thank you for sharing, hope you will have such great posts as this more.
bloxorz

I’m thoroughly enjoying your blog. I too am an aspiring blog writer but I’m still new to the whole thing. Do you have any helpful hints for newbie blog writers? I’d certainly appreciate it.
usps tracking

Now I want remove categories menu from top main menu. but not from left side menu.
My site: mn web design

Thanks for sharing this.

I was born in united states but grew up in New York. happy wheels. These are probably my two favorite games of all time, and I'm trying my best to make it in the top 1-3 of google. geometry dash
basketball legends game

I have read through other blogs, but they are cumbersome and confusing more than your post. I hope you continue to have such quality articles to share with everyone! I believe a lot of people will be like to read this article!
happy wheels

I went through your tutorial but still i have some doubts about the directory structure of a Magento theme. I want to enable user Upload feature in the theme i am developing, but i am confused how to configure the Uploads directory.

Can you help?

Thanks




------------------------------------------------------------------------------------
https://www.netguru.co/services/react-js

In the initial segment of the Magento Theme improvement, I acquainted you with the nuts and bolts of subject advancement, including the bundles, organizer structure in Magento and Magento Base Directory. The initial segment was just a prologue to Magento Theme building. Presently, we will begin with more specialized parts of subject advancement. I will experience each section one by one, beginning off with the Product Page advancement.

Note:- Cabs In Chandigarh offers you taxi services anytime and everywhere near Chandigarh region. Our popular destinations are chandigrah, shimla, kasauli, manali, rothang pass, sach pas etc. You can book cab anytime at low rates. Our cabs are neat and clean and drivers are well experienced.

Thanks for your post! It's been a long time since I read a good article and such a meaning! I hope you will continue to write articles like these for hobbyists!
devast io

In this series, we'll be taking a look into the basics of Magento Theme Development.
Magento has earned a reputation for being one of the most flexible and powerful eCommerce platforms out there today.
Documentation for it is scarce leaving developers a conundrum to solve. That is to say it's relatively simple once you get to grips with the basics especially if you're someone who is comfortable with front end development.

I know what to do so I will try. Even though my job is not right, it is an effort. To overcome it, I had to be content with life now, satisfied with what is there. whatsapp baixar gratis

Excellent tutorial. This is very useful to know the Magento theme.

Will probably be quality to uncover just one reveal with text on the center hostgator coupon 1 cent and in some cases purity in this particular unique

Great instructional exercise. This is extremely helpful to realize the Magento topic.