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 ...
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 ...
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):
Refresh the Magento cache.
First copy topmenu.phtml from
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(); ?>
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 ...
Replace with Following:
<script src="filename.js" defer></script>
<script src="filename.js" async="async"></script>
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 ...
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:
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 ...
Found the solution!
I originally tried @AreDubya's solution by making a custom .js file with
and making sure to include it in my local.xml with
This is what you should put inside your local.xml file.
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,...
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" />
As you can see,...
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.
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:
If you have those files in your scss ...
Goto app/design/frontend/rwd/default/template/page/html and open topmenu.phtml file. find this code
<?php if($_menu): ?>
<?php echo $_menu ?>
<?php endif ?>
this code will output you the categories in the form of top menu if ...
I have built this, in a modular way.
Will post the code on github soon.
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/...
If you have a lok at how the review tab has been added in review.xml of the rwd theme, you find:
<block type="review/product_view_list" name="product.reviews" as="reviews" template="review/product/view/list.phtml" after="additional">
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.
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"?>
And Magento community to the rescue!
See https://twitter.com/willemwigman/status/543047966752538624 &
This Module adds an Ajax event to the new ColorSwatches in Magento 184.108.40.206 When the event ConfigurableMediaImages.updateImage fires up, the original updateImage() function is executed. After this we make an ...
Create a small module
Your config.xml should looks like
<?xml version="1.0" encoding="UTF-8"?>
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 (%) ...
The technique as described by "Mohan Gs" will not work here.
Because of the js path /media/js/ it seems he uses js merging. That means, that all js files added by xml standard way
will be merged in a big one to /media/js/<hash>.js.
Magento core js ...
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 ...
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--...
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 ...
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 220.127.116.11. It ...
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 .= ...