A message from our CEO about the future of Stack Overflow and Stack Exchange. Read now.

Hot answers tagged

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

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></...


12

I figured this out its actually name="left.reports.product.viewed" not the name="right.reports.product.viewed" even though it is being displayed in the right column.


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 ...


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,...


9

You are going into the right direction, but you need to do some modifications: addToParentGroup and setTitle are used to show content in review so add this code below <action method="addToParentGroup"><group>detailed_info</group></action> <action method="setTitle" translate="value"><value>Reviews</value></action&...


9

These are the three default packages Magento comes with. Each package can have multiple themes installed inside. If no theme is explicitly set it will use the default theme inside whichever package you are using. I'll do a brief rundown of each package below. Base - This folder has all the template and layout files Magento needs to run. Think of it like the ...


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.


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.


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

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 <action method="addJs">... <action method="addItem"><type>js</type>.. will be merged in a big one to /media/js/<hash>.js. Magento core js ...


5

Getting image URLs is done with the following snippets: {{skin url="path/to/file.jpg" _area="frontend"}} or {{media url='path/to/file.jpg'}} More about this on this blogpost


5

After a bit more investigating, this one doesn't look like it's directly related to RWD. The enquire.js library is a javascript library for managing CSS media queries. It's a part of Magento's standard RWD theme, and including it defines a global object named enquire (in a javascript module-y way). When I removed this library, the forms weren't styled ...


4

Ha. I think you stumbled on a bug in the 1.9 theme. . There is this piece of code in the product/list.phtml. <?php $_nameAfterChildren = $this->getChild('name.after')->getSortedChildren(); foreach($_nameAfterChildren as $_nameAfterChildName): $_nameAfterChild = $this->getChild('name.after')->getChild($_nameAfterChildName); ...


4

The sharer will no longer accept custom parameters and facebook will pull the information that is being displayed in the preview the same way that it would appear on facebook as a post, from the url OG meta tags. Source: https://developers.facebook.com/x/bugs/357750474364812/ The URL is the only possible parameter: <a href="https://www.facebook.com/...


4

Take the catalog.xml from default to your theme and change as follows <catalog_product_view translate="label"> <reference name="content"> <block type="catalog/product_view" name="product.info" template="catalog/product/view.phtml"> <block type="review/product_view_list" name="product.top.reviews" as="product.top....


4

You have to change the root template for <catalog_category_default> and <catalog_category_layered> inside your local.xml i.e. <catalog_category_default> <reference name="root"> <action method="setTemplate"><template>page/2columns-left.phtml</template></action> </reference> </...


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....


4

Open your styles.css and apply the following style @media (max-width: 770px) { .product-collateral > dl > dd { display: block !important; } }


4

you have to change in styles.css for header .page-header { margin: 0 auto; max-width: 1260px; padding: 0 30px; } replace with .page-header { margin: 0 auto; width:100%; padding: 0 30px; } for content .main-container, .footer-container { margin: 0 auto; max-width: 1260px; padding: 15px; position: relative; } ...


4

If you use a custom theme you can go to the theme's path: app/design/frontend/YourVendorName/YourThemeName/web/css and do a file called print.less. Into that file copy and paste the content from this file: vendor/magento/theme-frontend-blank/web/css/print.less. After that add the style changes that you want to do in app/design/frontend/YourVendorName/...


3

you need to change product page layout 1coumn to 2column right Using <reference name="root"> <action method="setTemplate"><template>page/1column.phtml</template></action> </reference> to <reference name="root"> <action method="setTemplate"><template>page/page/2columns-right....


3

app\design\frontend\rwd\default\layout\page.xml line 33-35 change to: <default translate="label" module="page"> <label>All Pages</label> <block type="page/html" name="root" output="toHtml" template="page/2columns-left.phtml">


3

The related products are rendered by the template app/design/frontend/default/rwd/template/catalog/product/list/related.phtml. Just check the markup and the css for that template. If you need a different markup your clone the file to your theme (that extends the rwd theme) and change it. You can also add any css file via the local.xml layout file in your ...


3

Marius to the rescue! Its not an elegant solution but seems to be the only approach. Since its a matter of getting the existing tree items, temporarily storing the data, removing them and then readding the existing items with the newly inserted one before. Taken from: https://magento.stackexchange.com/a/7361/69 public function addItemsToTopmenuItems($...


3

the javascript and functionality of the 1.9.1 color swatch features is built into the rwd/default package/theme, and not any other package/theme. Most templates are built on default/default or base/default which do not include that functionality. More Detailed http://www.magentocommerce.com/knowledge-base/entry/ee1141-ce191-configurable-swatches


3

I did fix it, and here how if any one want to follow config.rb # REQUIRE ---------------------------------------------------------------------- # Require any additional compass plugins here. # require 'compass/import-once/activate' # require 'breakpoint' # require 'susy' # PROJECT PATHS --------------------------------------------------------------- ...


3

This sounds like browser cache not reloading since it has the same name. Try to rename your image in your transactional template and of course the uploaded file and try again. When an image has the same name, browsers will sometimes not refresh even after a cache flush.


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