4.8.2 Static blocks................................................................................................................................. 55
4.8.3 CMS markup tags........................................................................................................................56
4.8.4 WYSIWYG editor.........................................................................................................................57
4.9 Translation / Localization............................................................................59
4.9.1 Interface translation.....................................................................................................................59
4.9.2 Language flag.............................................................................................................................. 60
5. Customization...............................................................61
5.1 How to modify the theme............................................................................62
5.1.1 Customize images.......................................................................................................................62
5.1.2 Override default CSS styles......................................................................................................... 63
5.1.3 Modify template files....................................................................................................................65
5.1.4 Create custom sub-theme............................................................................................................ 66
5.2 Magento theme customization....................................................................67
5.2.1 Design packages.........................................................................................................................67
5.2.2 Theme structure........................................................................................................................... 68
5.2.3 Fallback mechanism....................................................................................................................69
5.2.4 Examples of custom sub-theme................................................................................................... 71
5.2.5 Summary..................................................................................................................................... 74
6. Theme features and elements.....................................75
6.1 Home page and CMS pages........................................................................76
6.1.1 Default pages............................................................................................................................... 76
6.1.1.A Selecting a home page........................................................................................................76
6.1.2 Creating a page...........................................................................................................................76
6.1.2.A Page layout......................................................................................................................... 77
6.1.2.B Page content....................................................................................................................... 77
6.1.2.C Full width page.................................................................................................................... 78
6.1.2.C.1 Maximum width of the content....................................................................................78
6.1.2.C.2 Content with full width background.............................................................................79
6.1.3 Home page blocks....................................................................................................................... 80
6.1.3.A Image slideshow.................................................................................................................. 80
6.1.3.B Banners............................................................................................................................... 80
6.1.3.C Products grid....................................................................................................................... 82
6.1.4 Featured Products Slider.............................................................................................................83
6.1.5 New Products Slider....................................................................................................................88
6.2 Built-in CMS blocks.....................................................................................92
6.2.1 Page............................................................................................................................................ 94
6.2.2 Header......................................................................................................................................... 96
6.2.3 Footer.......................................................................................................................................... 98
6.2.4 Category view............................................................................................................................ 101
6.2.5 Product page............................................................................................................................. 102
6.2.6 Shopping cart............................................................................................................................. 104
6.2.7 Cart drop-down.......................................................................................................................... 104
6.3 Pages and elements...................................................................................105
6.3.1 Product page............................................................................................................................. 105
6.3.1.A Social bookmarks (AddThis).............................................................................................. 105
6.3.2 Drop-down cart..........................................................................................................................105
6.4 Grid system................................................................................................106
6.4.1 Simple grid examples................................................................................................................106
6.4.2 Multiple rows.............................................................................................................................. 108
6.4.3 Grid on mobile devices..............................................................................................................108
6.5 CMS components.......................................................................................110
6.5.1 CSS utility classes..................................................................................................................... 110
6.5.1.A Hide elements for specific screen resolution......................................................................110
6.5.2 Collapsible blocks....................................................................................................................... 111
6.5.3 Icons.......................................................................................................................................... 112
6.5.3.A Font icons.......................................................................................................................... 112
6.5.3.B Icons with background color (iconbox)..............................................................................114
6.5.3.C Social icons.......................................................................................................................116
6.5.3.D Custom image icons.......................................................................................................... 117