05453nam 2200673 450 991045802150332120200520144314.01-78328-824-8(CKB)2550000001280805(EBL)1674838(SSID)ssj0001216568(PQKBManifestationID)11700506(PQKBTitleCode)TC0001216568(PQKBWorkID)11189409(PQKB)11355038(MiAaPQ)EBC1674838(PPN)228016517(Au-PeEL)EBL1674838(CaPaEBR)ebr10868166(CaONFJC)MIL602136(OCoLC)878918420(EXLCZ)99255000000128080520140517h20142014 uy 0engur|n|---|||||txtccrMastering magento theme design create responsive themes using Bootstrap, the most widely used frontend framework /Andrea Saccà ; cover image by John HarknessBirmingham, England :Packt Publishing,2014.©20141 online resource (311 p.)Community Experience DistilledIncludes index.1-78328-823-X 1-306-70885-0 Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Introducing Magento Theme Design; The basic concepts of a Magento theme; The Magento base theme; The hierarchy of files and the fall-back system; The structure of a Magento theme; Design packages and design themes; Directory 1 - app; The layout subdirectory; Templates; Locales; Creating new translatable entries; Directory 2 - skin; Structural blocks and content blocks; CMS blocks and page; Magento variables; Widgets; Creating the theme; Starting with the app foldersCreating the skin foldersCreating the necessary files; Disabling the cache; Activating the theme; Tips and tricks; Template path hint; Disabling the WYSIWYG editor; Summary; Chapter 2: Creating a Responsive Magento Theme with Bootstrap 3; An introduction to Bootstrap; Downloading Bootstrap (the current Version 3.1.1); Downloading and including jQuery; Integrating the files into the theme; Declaring the .js files in local.xml; Declaring the CSS files in local.xml; Removing and adding the style.css file; Adding conditional JavaScript code; A quick recap of our local.xml fileDefining the main layout design templateDefining the HTML5 boilerplate for main templates; Developing the header; Creating the top header; CMS block links; The right part of the top header; Creating the main header; Logo; The top cart; Creating the navigation bar; The top menu bar; Search; Developing the footer; Creating the CMS blocks from the admin panel; Adding the newsletter block; Summary; Chapter 3: Customizing Our Custom Theme; Developing the home page; Configuring the structure of the home page; Creating the slider row; Creating the CMS block for the carouselCreating the CMS block for the bannersCreating the CMS home page from the admin panel; Customizing the look and feel of the home page with CSS; Creating the content row; Customizing the left sidebar; Removing the default blocks from the sidebar; Creating a vertical navigation menu on the sidebar; Customizing the main content; Adding a block with some products of a specific category; Customizing the other pages of the theme; The products grid; The product page; File paths and handles for the other sections of the theme; Summary; Chapter 4: Adding Incredible Effects to Our ThemeIntroducing CSS3 transitionsMultiple property changes; The CSS3 transition properties; Creating an animated cart in the header; Customizing the topcart.phtml file; Customizing the CSS of the cart; Styling the cart's content with CSS; Creating a stunning CSS3 3D flip animation; Planning the hover animation; The HTML code of list-home.phtml; Creating the CSS animation; Creating a custom product images gallery; Planning the work; Integrating prettyPhoto into Magento; Downloading prettyPhoto; Integrating prettyPhoto JS and CSS; Customizing the media.phtml code; Initializing prettyPhotoCreating a nice image swap effect for when you hover the cursor over a thumbnailWritten in a step-by-step, tutorial style with a lot of code snippets and hands-on examples to create an advanced Magento theme from scratch, this book is tailor-made for web designers and developers.This book is great for developers and web designers who are looking to get a good grounding in how to create custom, responsive, and advanced Magento themes. Readers must have some experience with HTML, PHP, CSS, and Magento theme design. This book will be useful for anybody who already has knowledge of the Magento frontend structure.Community experience distilled.Electronic commerceComputer programsWeb sitesDesignElectronic books.Electronic commerceComputer programs.Web sitesDesign.658.87202854678Saccà Andrea945248Harkness JohnMiAaPQMiAaPQMiAaPQBOOK9910458021503321Mastering magento theme design2133908UNINA