Magento 1.4 Themes Design
eBook:
$23.99
Formats:
Formats:
$20.39
save 15%!
save 15%!
Print + free eBook + free PacktLib access to the book:
$63.98
Print cover: $39.99
$39.99
save 37%!
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
| Also available on: |
|
- Install and configure Magento 1.4 and learn the fundamental principles behind Magento themes
- Customize the appearance of your Magento 1.4 e-commerce store with Magento's powerful theming engine by changing Magento templates, skin files and layout files
- Change the basics of your Magento theme from the logo of your store to the color scheme of your theme
- Integrate popular social media aspects such as Twitter and Facebook into your Magento store
Book Details
Language : EnglishPaperback : 292 pages [ 235mm x 191mm ]
Release Date : January 2011
ISBN : 1849514801
ISBN 13 : 9781849514804
Author(s) : Richard Carter
Topics and Technologies : All Books, e-Commerce, Open Source
Table of Contents
PrefaceChapter 1: Introduction to Magento
Chapter 2: Exploring Magento Themes
Chapter 3: Magento Theme Basics
Chapter 4: Magento Theme Layouts
Chapter 5: Non-default Magento Themes
Chapter 6: More Magento Theming
Chapter 7: Customizing Advanced Magento Layout
Chapter 8: Magento E-mail Templates
Chapter 9: Social Media and Magento
Chapter 10: Magento Print Style
Index
- Chapter 1: Introduction to Magento
- What is Magento?
- Magento's features
- Differences between Magento 1.3 and Magento 1.4 themes
- Default Magento 1.4 themes
- Magento Default theme
- Modern theme
- Blue theme
- Showcase of Magento themes
- Harvey Nichols
- Mark One
- Zhu Zhu
- Challenges of Magento theme design
- Why create a custom Magento theme?
- Installing Magento 1.4
- Pre-installation check: magento-check.php
- Downloading Magento 1.4 Community Edition
- Installing and configuring Magento
- Configuring file permissions
- Configuring Magento
- Creating your Magento administration account
- Summary
- Chapter 2: Exploring Magento Themes
- Magento terminology
- Magento websites and Magento stores
- Magento interfaces
- Magento packages
- Magento themes
- Base theme
- Default themes
- Non-default themes
- Blocks in Magento
- Content blocks
- Structural blocks
- What makes a Magento theme?
- Unique aspects of a Magento theme
- Typical Magento theme file types
- Skins
- Layouts
- Templates
- Locales
- Theme hierarchy in Magento: the fallback pattern
- The base theme
- An example of theme hierarchy
- The Blank theme
- Installing and activating a Magento theme
- Installing a Magento theme
- Activating a Magento theme
- Good practice in Magento theming
- Summary
- Chapter 3: Magento Theme Basics
- Magento's cache
- Disabling Magento's cache
- Changing your store's logo
- Changing your store's logo using a static block in Magento
- Changing your store's favicon
- What is a favicon?
- Favicon inspiration
- Changing the favicon
- Displaying products on the homepage
- Adding the featured category
- Adding a product in Magento
- Finding your category's ID
- Adding the featured category to the homepage
- Customizing the default placeholder product image
- Customizing the product image watermark
- Summary
- Chapter 4: Magento Theme Layouts
- Magento layout terminology
- Default layout
- Layout updates
- Template Path Hints and Block Name Hints
- Enabling Template Path Hints
- Enabling Block Name Hints
- Restricting who can see the hints
- A brief guide to XML
- Self-closing elements in XML
- Closing XML elements normally
- Entity escapes in XML
- Changing a page's layout
- Changing a page's layout through Magento's administration panel
- Customizing a Magento page through Layout Update XML field
- Customizing a Magento page through layout files
- Default and non-default handles in Magento layout
- What is a handle?
- The default handle
- Non-default handles
- Useful handles in Magento
- Summary
- Chapter 5: Non-default Magento Themes
- Beginning a new Magento 1.4 theme
- The case study design
- Creating new theme directories
- Basic local.xml layout file
- Enabling the new theme
- Styling your store's header
- Styling the user account links
- Customizing the welcome message
- Styling the search box
- Customizing a Magento template file
- Styling your store's content area
- Styling the column blocks
- Customizing the sidebar basket/cart block
- Customizing the sidebar COMPARE PRODUCTS block
- Customizing the sidebar poll block
- Styling the sidebar blocks
- Styling your store's footer
- Changing the footer links
- The theme so far
- Summary
- Chapter 6: More Magento Theming
- The theme so far
- Using @font-face with Magento 1.4
- Converting typefaces for @font-face
- @font-face support across browsers
- EOT: Internet Explorer
- TTF: Safari, Opera, Chrome, and Firefox
- OTF: Safari, Opera, Chrome, and Firefox
- SVG: iPhone and Chrome
- WOFF: Firefox
- CSS for @font-face
- Adjusting font size
- Better results for different weights of a typeface
- Magento's customer account views
- Styling the log in view
- Styling the register an account view
- Navigation in Magento
- Magento's product view
- Customizing the product view template
- Disabling Magento reviews through the CMS
- Customizing the product view layout
- Summary
- Chapter 7: Customizing Advanced Magento Layout
- Magento error messages and views
- Customizing Magento's 404—not found view
- The no JavaScript error message
- Styling the default message in Magento (.note-msg)
- Styling your store's breadcrumb
- Adding JavaScript into your Magento theme: Lightbox-style effects to Magento's product page
- Adding a JavaScript file using Magento layout
- Editing the product template file to include Lightbox
- Changing image paths in the JavaScript file
- Lightbox extensions for Magento 1.4
- Adding a conditional stylesheet for Internet Explorer in Magento
- Creating a new stylesheet for a previous Internet Explorer version
- Using Magento layout to specify a conditional stylesheet
- Adding a new block to your Magento theme
- Creating a static block in Magento's CMS
- Customizing your Magento store's labels with translate.csv
- Adding a custom block to Magento CMS pages
- Summary
- Chapter 8: Magento E-mail Templates
- Transactional e-mail templates in Magento
- Customizing Magento newsletter templates
- Integrating external HTML newsletter systems with Magento
- Making Magento e-mail templates ready for use
- Testing e-mail templates
- Summary
- Chapter 9: Social Media and Magento
- Twitter integration with Magento
- Adding a 'Follow Us On Twitter' button to your Magento store
- Generating the markup from the Twitter website
- Adding a static block in Magento for your Twitter button
- Updating your theme's layout file for the 'Follow Us' button
- Embedding a 'latest tweets' widget into your Magento store
- Integrating Twitter through Magento extensions
- Integrating Facebook with Magento
- Adding a 'Like' button to your Magento store's product pages
- Getting the 'Like' button markup
- Integrating the Facebook 'Like box' widget in your Magento store
- Integrating Facebook with Magento extensions
- Further social media integration with Magento
- Social bookmarking in Magento
- ShareThisProduct extension for Twitter, Facebook, and MySpace
- Magento Social Bookmarking Services extension
- Logging in with a social networking account
- Summary
- Chapter 10: Magento Print Style
- Magento Default theme's print styling
- Using Magento layout to include a print stylesheet
- Creating a custom print stylesheet for your Magento theme
- Print style for content blocks in Magento
- Print style for typography in Magento
- Print style for links in Magento
- Styling links
- Displaying a printed link's destination
- Overcoming a common browser-specific problem in print stylesheets
- Summary
Richard Carter
Code Downloads
Download the code and support files for this book.
Submit Errata
Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.
Sample chapters
You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.
Frequently bought together
+
=
50% Off
the eBooks
the eBooks
Buy both these recommended eBooks together and get 50% off the total price
- Install and configure Magento 1.4
- Customize the appearance of your Magento 1.4 e-commerce store with Magento's powerful theming engine
- Learn the fundamental principles behind Magento themes
- Change Magento templates, skin files, and layout files to achieve your theming goals
- Change the basics of your Magento theme, from the logo of your store to the color scheme of your theme
- Customize product view pages in your store to maximize customer interest
- Create a new Magento theme using the Base theme as a beginning
- Using the @font-face declaration in Magento themes
- Integrate popular social media aspects such as Twitter and Facebook in to your Magento store
- Customize templates for e-mail sent to your store's customers
- Avoid common pitfalls with Magento
- Style your store for printing more effectively
Magento is a popular open source e-commerce project. Whilst it comes with a number of default themes to change the look and feel of your store, many people, both new to Magento and old hands, struggle with even the more basic aspects of customizing Magento themes. When you read this book you'll learn how to change the basics of your Magento theme, create a new custom theme and much more.
The book is a step-by-step guide to theming Magento, aimed at readers with little technical expertise. The first chapters introduce Magento 1.4 and Magento themes, covering Magento theme hierarchy and the key components of a Magento theme: templates, skins, layout, and locales. Later chapters delve into changing the basics of your Magento store, including methods for changing the logo of your store, adding a custom favicon (favorites icon) and integrating Twitter and Facebook into your store. More advanced topics include customizing Magento templates and XML layout files to alter a theme to your own needs and creating a custom print stylesheet.
In short, the book provides guides to common aspects of theming and customizing Magento 1.4 and equally useful step-by-step walkthroughs of integrating more unusual items in to your Magento store.
A practical guide to customizing and creating Magento 1.4 themes
The book is written in an informal tone with clear, step-by-step guides through the major tasks in the book.
This book is aimed at web designers and web developers who are not familiar with Magento at all, and at Magento designers and developers who are more familiar with Magento 1.3 than Magento 1.4. The book assumes knowledge of HTML and CSS and an awareness, but not in-depth knowledge of, PHP syntax.
