Best practice.

Move the following scripts to before_body_end to facilitate faster page load:

• skin/frontend/enterprise/responsive/js/jquery.js
• skin/frontend/enterprise/responsive/js/bootstrap.js
• skin/frontend/enterprise/responsive/js/holder.js

I propose we move to Google CDN version of jQuery to try to eke out some browser cache performance wins. We can still fall back to local jQuery in the case that GCDN is not responsive (no pun intended).

See below for more information:

http://magento.stackexchange.com/questions/3523/google-cdn-jquery-with-local-fallback-in-magento-layout-xml

When installing the responsive theme into the default design package on a Magento 1.8.1 system, the contact us page contains old design elements

http://magento-1-8-1.dev/contacts/

This should match the design reference at: http://responsive.redlightblinking.com/contacts/

Dropping the responsive theme into the default design package on Magento 1.8.1 CE leaves a pretty ugly logo.

This should be replaced with a more appropriate image, or the text "Magento"

When installing the responsive theme into the default design package on a Magento 1.8.1 system, the Account information page has the old default theme background color, and the required fields text is still orange.

Steps to Reproduce

1. Log into Magento with a customer account at http://responsive.redlightblinking.com/customer/account/login
2. Click on My Account at top of page
3. Click on Account Information link in left sidebar

Expected Behavior: Account Information layout and colors should match design reference: http://responsive.redlightblinking.com/customer/account/edit/

Actual Behavior: Account Information layout and colors mix bootstrap and default design theme.

After cloning the main repository, checking out the the CE branch, and installing into a fresh 1.8.1 system, there's a number of files (images, javascript) that fail to download on the main page.

These files should be included with the main package or if this is a bootstrap/sass thing some sort of installation guide/instructions should be added to the wiki.

http://magento-bootstrap.dev/skin/frontend/base/default/images/logo.gif
http://magento-bootstrap.dev/skin/frontend/base/default/images/media/col_right_callout.jpg
http://magento-bootstrap.dev/skin/frontend/base/default/images/logo.gif
http://magento-bootstrap.dev/skin/frontend/base/default/images/media/col_right_callout.jpg
http://magento-bootstrap.dev/skin/frontend/enterprise/responsive/js/jquery-1.10.2.min.map

The end result of this on the homepage looks like this

and my theme configuration looks like this (package set to enterprise, theme set to responsive)

There is no opening head tag in the app/design/frontend/b-responsive/enterprise/template/page/2columns-left.phtml

Hi,
Can you please help me with a detailed installation (step by step).

I downloaded the file and merged them using FTP client, then chosed the theme from settings > design > add design change, but unfortunately I get a broken design.

Any help will be appreciated.

Thanks,
Ihab

When installing the response theme into the default design package on a Magento 1.8.1 system, the alignment on the success messages is off

The "Thank you" should not overlap with the icon. You can reproduce this issue by

1. Navigating to http://magento.example.com/customer/account/create/
2. Entering information for a new account
3. Clicking on Submit

Expected Behavior: Green Success message looks good

Actual Behavior: Green Success message looks bad, with text and icon overlapping

When installing the responsive theme into the default design package on a Magento 1.8.1 system, the layered navigation looks wrong.

You can observe this in a system with the sample data installed, and browsing to one of the following URLs (depending on your rewrite settings)

http://magento.example.com/furniture.html
http://magento.example.com/catalog/category/view/id/10

The style of the layered navigation elements should look like the reference design: http://responsive.redlightblinking.com/catalog/category/view/s/furniture/id/3/

Is there a reason why the repo has not been updated to the latest version of bootstrap?

Thanks

Is there a data dump (products, categories, CMS page) available for the site at

http://responsive.redlightblinking.com/ ?

Having this data available would be a big help for users wanting to contribute to the theme.

Hello, as I am not a coder and need to integrate bootstrap on one of my magento theme is it possble to tell me the aproximate tiem for a expert magento coder to do this task??
Regards, Heather

When installing the responsive theme into the default design package on a Magento 1.8.1 system, the Address Book page has old design elements

Steps to Reproduce

1. Log into Magento with a customer account at http://responsive.redlightblinking.com/customer/account/login
2. Click on My Account at top of page
3. Click on Address Book link in left sidebar

Expected Behavior: Layout and colors should match design reference: http://responsive.redlightblinking.com/customer/address/new/

Actual Behavior: Account Information layout and colors mix bootstrap and default design theme.

As referenced by @astorm in #13 there are images that are specific to the default EE theme that are throwing 404 in CE.

A CE branch is already in dev; this issue will be to track progress of it's ongoing dev.

I've extracted the files to my Magento root and specified "b-responsive" as my package name in Design settings - but it appears there are many broken CSS and image files. Can someone outline the steps to install this theme once the files are in place?

The design elements (for both the EE and CE versions) on the folllowing page

http://responsive.redlightblinking.com/catalog/seo_sitemap/category/

is slightly askew (Products Sitemap, 32 item(s) text)

Hello,
I want to know if this theme is compatible with Magento 1.7.0.2.
Thanks,
Cristina

Smaller filesize, lack of legacy IE support - what's not to love? IE<=8 doesn't support media queries anyhow, so I'm not sure what would be holding us back from making the full plunge.

How i configure in the Magento for this theme home be like the home demo site: http://responsive.redlightblinking.com/

When installing the responsive theme into the default design package on a Magento 1.8.1 system, the multi-address checkout contains old design elements.

Steps to Reproduce

1. Add any item to your shopping cart
2. Browse to the cart listing page by clicking on the My Cart link in the top right corner
3. Click on green "Checkout with Multiple Addresses" link below green checout button
4. If not logged in, login or register an account

Expected Behavior: Layout matches reference design:

Actual Behavior: Layout contains old design elements mixed with bootstrap elements.

Hello,

I installed this on my site and it changed the package being used in the default value in System > Config > Design .

In this scenario I am using b-responsive as the design package for a different website in my magento instance (multi site setup)

So I think this auto-install behavior creates negative impact in this scenario.

When installing the theme into the default design package on a Magento CE 1.8.1 system, the search bar and category bar are misaligned.

These design elements should be the same length, as per the design reference at: http://responsive.redlightblinking.com/

When installing the responsive theme into the default design package on a Magento 1.8.1 system, many of the page default to the multi-column layout, and contain the same, ancient design elements we've been looking at for 6 years -- many of which don't fit in the columns

Back to School

Did you Know Dog

What steps need to be taken to ensure this isn't a user's first run experience with bootstrap for CE.

This is more a preference thing but using a simple enterprise fallback module would allow for a cleaner theme structure, it would allow this theme to sit away from the core enterprise files so upgrading is easier. Been using this on all enterprise projects to allow this:

https://www.sonassi.com/knowledge-base/magento-kb/magento-enterprise-theme-fallback/

Let me know if this is something you want to feature, I'll add it in and do a pull request.

Thank you all for this great template;
I will be going to contribute to this project soon.

I saw an issue with the resize of safari window to small size and overlap menu + search

Would it also be an idea to restyle the nasty magento form input field styling and default error reporting?
Be adding some pull requests next week when I start working on a template for a client.

Perhaps this one:
http://www.h-o.nl/blog/improved_magento_one_page_checkout_design_css_only

Is also a welcome addition. The default template could be a bit more less magento And perhaps implement some "best practice" layout features seen in bigger commercial shops.

So this needs mega menu extension?
Anyone could please post me to the correct link to install it ( its free? ) because the theme fails as is.

Also there are lots of small issues with this repo in the category not up2date.
I will address most of these so if interested please let me know how to solve this problem and I will also contribute all my changes back. Kind regards

i'm newbie to megento i'm using your theme but unable to add image in mega menu dropdown just like your demo site.how can i achieve that?

Here is a link to my demo site:http://jewelsmiths.in/

Trying to add columns to grid view of category.
copied catalog.xml to b-responsive/default/layout/catalog.xml

by default the addColumnCountLayoutDepend is

<action method="addColumnCountLayoutDepend"><layout>three_columns</layout><count>3</count></action>

When i change it to

<action method="addColumnCountLayoutDepend"><layout>three_columns</layout><count>5</count></action>

The number of columns is unaffected.

I think we are missing a style sheet?

When installing the responsive theme into the default design package on a Magento 1.8.1 system, the one page checkout contains old design elements.

Steps to Reproduce

1. Add any item to your shopping cart
2. Browse to the cart listing page by clicking on the My Cart link in the top right corner
3. Click on green "Proceed to Checkout" button

Expected Behavior: Layout Matches reference design: http://responsive.redlightblinking.com/checkout/onepage/

Actual Behavior: Layout contains old design elements

When I first checked out the ce-branch, I made the (incorrect) assumption I could just drop the theme into a new design package named enterprise, which led to errors.

The CE version should be in the default design package OR a new unified design package should be created if you're trying to create a single theme for both.

When installing into the default theme on a Magento 1.8.1 system, the page header on the homepage has a broken layout.

CE version needs either a new template and/or new CSS rules to fix this so it looks more like the version on http://responsive.redlightblinking.com/

This should be new work and not just a copy of the EE code (licensing, etc.)

When installing the responsive theme into the default design package on a Magento 1.8.1 system, the "Add to Cart" success message's layout is "off"

Steps to Reproduce

1. Browse to a Catalog Listing page
2. Click on "Add to Cart" for any product

Expected Behavior: [Product was Added to Cart] Message appears next to success icon

Actual Behavior: [Product was Added to Cart] Message appears over success icon

When installing the responsive theme into the default design package on a Magento 1.8.1 system, the advanced search page contains old design elements

http://magento.example.com/catalogsearch/advanced/

This should match the design reference at: http://responsive.redlightblinking.com/catalogsearch/advanced/

When installing the theme into the default package on a Magento CE 1.8.1 system, the footer layout is broken.

This should match the design reference at:

Probably because it is set o display on hover.

When installing the response theme into the default design package on a Magento 1.8.1 system, the Create an Account page still has old deisgn element

http://magento-1-8-1.dev/customer/account/create/

This should match the design reference at: http://responsive.redlightblinking.com/customer/account/create/

Hi,
as stated here http://www.magentocommerce.com/knowledge-base/entry/ee114-ce19-rwd-dev-guide#changes-fallback, Magento CE 1.9 introduces parent/child theme configuration as explained by Alan Storm's article http://alanstorm.com/magento_parent_child_themes.

I think that the rewrite of Mage_Core_Model_Design_Package added in the RedLightBlinking_Setup module doesn't support this behavior.

I tried to install b-responsive on Magento CE 1.9 and have my default theme in my custom package to be a child of b-responsive itself and it didn't work. If I disable the RedLightBlinking_Setup module (so the rewrite) my theme works as expected and inherits from b-responsive.

How can we solve that? Should we add a version check in the rewrited model?

It seems a little heavy handed to me for a design theme to assume it's going to be used as the new default theme. I would leave it as an exercise for the store owner to choose which website / store view they are going to use this theme for.

Since Magento sucks so much, anyone attempted to symlink the the theme folders?
So you could just do a git pull from a repo and the theme files would be just linked to the magento folder?

When installing the responsive theme into the default design package on a Magento 1.8.1 system, the Newsletter Subscription page has old design elements

Steps to Reproduce

1. Log into Magento with a customer account at http://responsive.redlightblinking.com/customer/account/login
2. Click on My Account at top of page
3. Click on Newsletter Subscriptions link in left sidebar

Expected Behavior: Layout and colors should match design reference: http://responsive.redlightblinking.com/newsletter/manage/

Actual Behavior: Account Information layout and colors mix bootstrap and default design theme.

Hey All

When I'm Using to be error here is :

Fatal error: Call to a member function getPosition() on a non-object in C:\xampp\htdocs\magento\app\code\core\Mage\Page\Block\Template\Links.php on line 119

Please What Your Solution For my problem ..?

When installing the response theme into the default design package on a Magento 1.8.1 system, the My Account Sidebar has old design elements

Specifically, the orange text, lack of a selection highlight, and lack of a background highlight for rollovers.

This should match the design reference at: http://responsive.redlightblinking.com/customer/account/edit/

You will need to be logged in with a customer account to see this behavior.

After installing the theme in the default design package in Magento 1.8.1 CE, and navigating to the account login page

http://magento-1-8-1.dev/customer/account/login/

There's still some old base design package elements — specifically the orange text.

This should match the same page on the reference design: http://responsive.redlightblinking.com/customer/account/login/

When installing the responsive theme into the default design package on a Magento 1.8.1 system, there's a broken image on the catalog listing page. You can see this by using a sample data installed system and navigating to either of the following URLs ( depends on your URL rewrite settings)

http://magento-1-8-1.dev/furniture.html
http://magento-1-8-1.dev/catalog/category/view/id/10

The source for the image is

http://magento-1-8-1.dev/skin/frontend/base/default/images/sort_asc_arrow.gif