24

The problem is the new rwd design has two child blocks for the product list: <block type="core/text_list" name="product_list.name.after" as="name.after" /> <block type="core/text_list" name="product_list.after" as="after" /> And in the template itself there are not checks to see if these are present before they are attempted to be loaded and ...


22

To do this you'll first want to (if you haven't already) create a custom template directory within the RWD design package. This avoids re or overwriting your default templates that live in magento/app/design/frontend/rwd/default/template. For the sake of example we'll create magento/app/design/frontend/rwd/custom/template The specific template we're going ...


15

Create an override of file /skin/frontend/rwd/default/js/app.js (for example in /skin/frontend/rwd/mystyle/js/app.js) comment the line (default line: 649): //image.elevateZoom(); Refresh the Magento cache.


14

The RWD theme is not based on any frontend framework (Bootstrap, Foundation, etc). Instead, custom styles were written to cater to Magento's markup patterns. Introducing a frontend framework would have required conforming to the patterns of that framework, which would have involved massive refactoring of the template files. The RWD theme is built using ...


14

First copy topmenu.phtml from /app/design/frontend/rwd/default/template/page/html/ Save this file as topmenu.phtml to /app/design/frontend/YOUR PACKAGE/YOUR THEME/template/page/html/ Edit this file within lines 38-40, paste the following: <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('home-link')->toHtml(); ?> ...


14

If you haven't seen it already, check out http://www.magentocommerce.com/knowledge-base/entry/ee114-ce19-rwd-dev-guide. The guide has additional information you'll need to get started.


14

I solve Remove render-blocking JavaScript issue on Magento-1.9.x as follows: <script src="filename.js"></script> Replace with Following: <script src="filename.js" defer></script> <script src="filename.js" async="async"></script> or <action method="addJs"><script>prototype/prototype.js</script></...


10

As mentioned in one of the other answers, the zoom feature starts in the createZoom function of the ProductMediaManager in /skin/frontend/rwd/default/js/app.js file. So, another option is to override the individual createZoom function via JS later in the process. For example, if you are inserting JS as a part of your own theme, then you can add the ...


10

To set the column count for a particular category, select that category in the backend under Manage Categories. Then select the Custom Design tab—here, add in the following code and modify as needed: <reference name="product_list"> <action method="setColumnCount"><count>3</count></action> </reference>


10

Sadly the RWD theme has been implemented without captcha. See notes from the design guide section Exceptions to Responsive Web Design. They have managed this by providing an empty layout.xml file for the captcha module under app/design/frontend/rwd/default/layout/captcha.xml. What you could try is to disable this file and so it will fall back to the default ...


10

Found the solution! I originally tried @AreDubya's solution by making a custom .js file with jQuery.noConflict(); and making sure to include it in my local.xml with <catalog_product_view> <reference name="head"> <action method="addItem"><type>skin_js</type><script>js/lib/elevatezoom/jquery.elevateZoom-3....


10

This is what you should put inside your local.xml file. <?xml version="1.0"?> <layout version="0.1.0"> <catalog_product_view> <reference name="product.info.sharing"> <action method="setTemplate"> <template>catalog/product/view/test.phtml</template> </action> ...


10

I'll try to give a general answer. How to change templates In your theme, you can override any phtml files from the default theme or parent theme. Copy the original file to app/design/frontend/[package]/[theme]/template/[path/to/phtml] and make your changes. If you don't have a project specific custom theme yet, for example because you just bought a theme,...


9

If you pop open the app/design/frontend/rwd/default/layout/catalog.xml file you'll find this: 76. <block type="catalog/navigation" name="catalog.leftnav" after="currency" template="catalog/navigation/left.phtml"> 77. <block type="core/text_list" name="catalog.leftnav.state.renderers" as="state_renderers" /> 78. </block> As you can see,...


8

If you want to Customize RWD theme.in your rwd package you can make a new theme like design/frontend/rwd/yourtheme and start copying the files which you want to customize in yourtheme. copy files from design/frontend/rwd/default to design/frontend/rwd/yourtheme and start customization.


8

In step 2 of the "Sass Fallback Structure", it indicates specific directories that you are allowed to delete. However there are some files that you MUST have in your custompackage/customtheme/scss directory, and those are: var.scss core.scss styles-ie8.scss styles.scss scaffold-forms.scss custom_core.scss framework.scss If you have those files in your scss ...


8

Goto app/design/frontend/rwd/default/template/page/html and open topmenu.phtml file. find this code <?php if($_menu): ?> <nav id="nav"> <ol class="nav-primary"> <?php echo $_menu ?> </ol> </nav> <?php endif ?> this code will output you the categories in the form of top menu if ...


7

I have built this, in a modular way. Will post the code on github soon. It triggers on a JavaScript call and fetches the images with Ajax. So it does not effect page speed or caching system. PM me if you want the code asap. Otherwise follow me on Twitter @willemwigman to hear when I post the code. Edit: I've put the code on github https://github.com/...


7

If you have a lok at how the review tab has been added in review.xml of the rwd theme, you find: <catalog_product_view> <reference name="product.info"> <block type="review/product_view_list" name="product.reviews" as="reviews" template="review/product/view/list.phtml" after="additional"> <action method="...


7

Long answer short, Magento 2.0 is a complete overhaul from Magento 1.0. There will be a new base RWD theme in Magento 2.0. Does it look the same as Magento 1.0 RWD theme? No That being said, it is still in beta, so it could change.


6

Below code will add a Custom home link under Account drop-down in RWD theme. app/design/frontend/rwd[Package name]/[THEME NAME]/layout/local.xml <?xml version="1.0" encoding="UTF-8"?> <layout version="0.1.0"> <default> <reference name="root"> <reference name="top.links"> <action method="...


6

And Magento community to the rescue! See https://twitter.com/willemwigman/status/543047966752538624 & https://github.com/wigman/AjaxSwatches. This Module adds an Ajax event to the new ColorSwatches in Magento 1.9.1.0 When the event ConfigurableMediaImages.updateImage fires up, the original updateImage() function is executed. After this we make an ...


5

No, there is not a responsive grid system in the new CE 1.9/EE 1.14 RWD theme unfortunately. Grid systems create a number of reusable classes often named using numbers for the amount of columns available, for example in a 12 column grid a grid system will often use something like .col1, .col2, .... .col12 each corresponding to a fixed (px) or fluid (%) ...


5

Copy app/code/core/Mage/Checkout/Block/Onepage/Abstract.php to local code pool. Find the following method _getStepCodes. And remove 'shipping' from return result protected function _getStepCodes() { return array('login', 'billing', 'shipping_method', 'payment', 'review'); } Copy skin/frontend/base/default/js/opcheckout.js from base/default theme to ...


5

Create a small module Your config.xml should looks like app/code/codePool/Package/Extension/etc/config.xml <?xml version="1.0" encoding="UTF-8"?> <config> <modules> <Package_Extension> <version>0.1.0</version> </Package_Extension> </modules> <global> <...


4

Ah, I've figured it out... The class gets changed depending on the columnCount, i.e:- <ul class="products-grid products-grid--max-4-col"> And the default styles only cater for 4, 5 and 6 columns so the styles get applied on these as expected but as I was trying to change to a two column layout, there was no styles for this the class products-grid--...


4

So I now think I understand what is going on here, maybe. In previous versions of enterprise the layout.xml files in the enterprise theme were simply copies of the base theme's files with the extra enterprise features added. So they have simply taken the base files and added a few lines to them and then included them all in the enterprise theme. This ...


4

I recommend you this extension. One of its features is what you need. It allows you to change the whole media section when you change the color (or any other attribute) displaying the images for the simple product. See the documentation for the configuration to see how you can achieve this. The extension was build for versions between 1.7 and 1.9.0.1. It ...


4

You could use CSS to hide on desktop and show it on mobile as the main link is not clickable om touch devices this why it is there. Or you can edit /app/design/frontend/rwd/default/template/page/html/topmenu/renderer.phtml comment or delete line 62 to 68 $html .= '<li class="level'. $nextChildLevel .' view-all">'; $html .= ...


4

This code says wait for the entire document to load, then load the external file defer.js. <script type="text/javascript"> function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "defer.js"; document.body.appendChild(element); } if (window.addEventListener) window....


Only top voted, non community-wiki answers of a minimum length are eligible