Customize Magento 1.9 Responsive Web Design Template Like a Boss
Customize Magento 1.9 Responsive Web Design Template Like a Boss Introduction Eleven Dimensions Technologies has many years of experience building and maintaining Magento shopping carts and building custom templates. In this short technical note we will explain how the responsive design template works. The built-in Responsive Web Design (RWD) Template is a great place to start customizing your own Magento shop. It already has the so called "responsive" sections in the styles.css file for small screens. in styles.css you will see code such as this: ... @media only screen and (max-width: 770px) { (various css here...) } This blog will show you all of my tricks. First you need to start with Magento ver. 1.9.3.3. Add Tabs to the RWD Product View The First trick is to add a new tab to the RWD product view page: edit this file: ./app/design/frontend/rwd/default/layout/catalog.xml in this section add a few lines to increase the tabs: ... <...