nandroid

Foundation 3 Framework

  • Popularity Score 2049 Popularity Score

    Popularity ScoreReferrals to Site/Downloads

    0 0 1+ 1+ 250+ 250+ 1000+ 1000+ 10000+ 10000+

Foundation 3 Framework for Magento. Responsive theme. Multilevel mobile menu. Off-canvas Left-Right columns.
Compatible with:
This extension is currently unavailable on Magento Connect. Please contact the developer.

You will be re-directed to the developer's website to complete your purchase.

You must be registered and logged in to get extension key.
In order to get this extension, you must be logged in to the Magento Community. Click here to login or register.
In order to get this extension, you must have active Magento Go Store. Click here to create Go store.

Magento Connect 2.0

Magento Connect 2.0

FREE
Overview

Foundation 3 Framework

Foundation 3 Framework by Zurb for Magento 1.7.
Responsive theme.
Multilevel mobile menu.
Off-canvas Left-Right columns.

Magento Demo Store with Foundation Framework Theme
Demo: http://magendation.internetized.net

Repository of Magento Foundation Framework Theme
GitHub: https://github.com/nandroid/MagentoFoundation

Foundation Framework
Zurb Foundation: http://foundation.zurb.com/

Features

  • Minimal Magento template required files.
  • Foundation CSS an JS files included.
  • Basic Magento required styles in styles.css.
  • Removed fixed widths. Fluid layout.
  • Product view improved for mobile: Title, image, add to cart.
  • Clean and cool sidebar modules.
  • Icon fonts for Cart, Wishlist, Compare, Remove,...
  • Cart, Checkout and Customer account.
  • Left and Right Off-canvas sidebar columns.
  • Top Nav with mini-cart .
  • NEW! - Multilevel mobile menu.

Roadmap

  • Orbit Slider.
  • Accordion in sidebar modules.
  • Clearings Gallery for image product.
  • Reveal for every pop-ups.
Release Notes

Multilevel mobile menu

2013-05-12 12:23:29
  • Version number: 1.4.0
  • Stability: Stable
  • Compatibility: 1.7
You must be registered and logged in to get extension key.

Magento Connect 2.0

Magento Connect 2.0

Added multilevel menu for mobile in top-nar. Not Foundation navigation. Independent development.

Left/Right off-canvas columns

2013-04-07 14:34:01
  • Version number: 1.3.0
  • Stability: Stable
  • Compatibility: 1.7
You must be registered and logged in to get extension key.

Magento Connect 2.0

Magento Connect 2.0

Added off-canvas technique on Left and Right columns for two columns left/right and 3 columns layouts.

Foundation v3

2013-04-01 11:41:35
  • Version number: 1.2
  • Stability: Stable
  • Compatibility: 1.7
You must be registered and logged in to get extension key.

Magento Connect 2.0

Magento Connect 2.0

Lots of adjustments in padding, bigger images in sidebar modules.
Less images, icon fonts for almost everything.
CSS structute and cleaning.
Responsive revision.

Initial development

2013-02-17 20:16:36
  • Version number: 1.1
  • Stability: Stable
  • Compatibility: 1.7
You must be registered and logged in to get extension key.

Magento Connect 2.0

Magento Connect 2.0

HTML5 and CSS3 version.
Reviews

About the Developer

This extension was developed by and is supported by nandroid

Foundation 3 Framework 4.1 5 8 8
SHOW DEMAIS Essa foi o único tema de todos que testei que realmente se adaptou as minhas necessidades. É muito responsivo e bem bonito tbm... Parabéns aos desenvolvedores. April 29, 2014
Solid theme Aside from the fact that Foundation5 is available, this is a very solid theme to start with! One of the best around, be sure to customise it to your taste ! Works with CE 1.8.1 March 14, 2014
Doesn't work well on mobile I think it just goes by resolution. My Galaxy Note 3 has a 1080 resolution screen and when I view any pages with this theme they're not mobile mode, just desktop mode on my phone. October 7, 2013
Great template! Very nice and powerful template. Easy to integrate and RWD. Thanks! September 25, 2013
This extension is very nice. Nice responsive theme. I like it. It saves lots of of time & effort for your site. August 16, 2013
Not compatible with chrome but great regardless. This theme is very good to build on and nice on the eyes. the only thing that lets it down is the right side nav bar (my account, my wishlist, etc) it sadly moves down in chrome and joins with the main nav bar, the buttons aren't clickable and so the customer will have no access to them. works great in firefox. really grateful for this free theme and really hope it's fixed. May 10, 2013
Cool Responsive Theme Cooles Design with Zurb Foundation - Basis Tool for Responisve Design! Very Cool Start Design! April 28, 2013
Rudimentary Very basic Zurb Foundation integration. I haven't delved into the code, but on the surface it seems to me like only the grid and icons have been used. Anyone installing this, if you have any experience with coding design packages, I suggest you read-up on the documentation and implement the rest of Foundation's features, which are plenty and very useful. March 23, 2013
1-8 of 8
Q&A
(17 Questions : 15 Answers)

Product Q&A

Ask your questions. Share your answers.

 
 
« Back
 
 
Sort by
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27166449
Customer avatar
Good morning,
I installed the template.
When I go to checkout after step 3 I press continue I can never access the step 4 of the method of payment.
If I put the default template everything works.
how to solve?
thanks
by
spagnas
-
9 months ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27300848
Customer avatar
Answer: 
Thank you everyone.
I'm using ver.1.8.
I found problem in this thema.
It is in Javascript.

If I use ver.1.7, is it no problem?
by
hryksbt
-
7 months ago
-1point
0out of 1found this answer helpful.
Was this helpful?Yes0No1

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_20304
Customer avatar
Answer: 
Hi.

Are you using Magento 1.8?

I still haven't checked it. See in this page the question:

Onestep checkout issue
by
nandroid
-
9 months ago
0points
1out of 2found this answer helpful.
Was this helpful?Yes1No1

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27139069
Customer avatar
Answer: 
I had the same issue

Quick workaround, pull the checkout.xml file out of the foundation theme layout folder, and delete it, or rename it or whatever. the problem is in there somewhere.

app/design/frontend/magento-foundation/default/layout

and Magento will default back the base checkout.xml
which works for me.

Magento 1.8

Cheers
by
henrycullen
-
8 months ago
+1point
1out of 1found this answer helpful.
Was this helpful?Yes1No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26977043
Customer avatar
Is it possible to edit this theme colors? I am trying to edit the color of the top nav bar, and also trying to put a background image in the header...Looking for the files to edit these things..., I thought it would be in stlye.css but do not see it there.. Please advise.... Thanks
by
computergypsy
-
1 year, 1 month ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_20304
Customer avatar
Answer: 
Hi,
For the top nav bar background color, in styles.css search for:

@media only screen and (max-width: 800px) {

.header-container .top-bar { background: none repeat scroll 0 0 #222222; height: 45px; overflow: hidden; }

For header background see:

.header-container { background: #eee; }
by
nandroid
-
11 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26919911
Customer avatar
Answer: 
Change:

.nav-container {
background: #999;

To:
.nav-container {
background: #<your color>;
by
cnoehring
-
9 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27221413
Customer avatar
I fixed the styles.css as suggested to allow for guest checkout on mobile and that worked great.

Now when I proceed the first and last name fields are completely not aligned with each other. The last name field seems to be about 1/2 line above and completely off to the right of the "company" field. The email field could probably stand to be a bit bigger as well, at least from my view.

Any help here appreciated. Styling is not my strong point.
by
ehrichweiss
-
10 months ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_20304
Customer avatar
Answer: 
I'm not sure what you're saying but I saw that the Address field had less padding than all the other fields.

So in styles.css line 1192 (aprox) modify this padding:

.form-list li.wide {
clear: both;
padding: 0 15px;
}

You can check it in the demo site:

http://magendation.internetized.net/
by
nandroid
-
10 months ago
+1point
1out of 1found this answer helpful.
Was this helpful?Yes1No0

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27315738
Customer avatar
Answer: 
I had the same problem. here is how i fixed it.

in styles.css on line 1234

.form-list li.wide {
clear:both;
padding: 0;
margin:13px; /* Add This */
}

and on line 1538

#checkoutSteps .fields .field {
width: 50%;
padding: 0 15px;
float: left; /* Add This */
}
by
bishopbd
-
5 months, 2 weeks ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_230492
Customer avatar
Is it possible to replace the default product zoom to a responsive Lightbox plugin ?
by
wervisser
-
9 months ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_20304
Customer avatar
Answer: 
Hi, read the question up in this page:

Bug in the the first step of checkout if not logged in

Hope it helps.
by
nandroid
-
9 months ago
-1point
0out of 1found this answer helpful.
Was this helpful?Yes0No1

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_20304
Customer avatar
Answer: 
Yes, you can.

You must modify the media.phtml file and load some javascript.

I recommend you this Lightbox. It's free:

http://www.magentocommerce.com/magento-connect/jquery-lightboxes-fancybox-pirobox-etc.html
by
nandroid
-
9 months ago
+1point
1out of 1found this answer helpful.
Was this helpful?Yes1No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_196379
Customer avatar
Hi, Love this theme. But having issue with onestep checkout. Running Magento Community 1.8. With default theme the checkout is working OK, but when Foundation 3 Framework theme is enabled then checkout fails to progress from step 3 to step 4. I reinstalled this theme, but no change. Any suggestions? Thanks.
by
GoodKaarma
-
9 months ago
+1point
1out of 1found this question helpful.
Was this helpful?Yes1No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27500819
Customer avatar
Answer: 
Quoting board message from @ufmunderwear - 06 March 2014 10:23 AM

1. Go to /app/design/frontend/base/default/template/checkout/onepage/payment.phtml

and change this (line 36)
<fieldset>
<?php echo $this->getChildHtml('methods') ?>
</fieldset>

to this

<fieldset id="checkout-payment-method-load">
<?php echo $this->getChildHtml('methods') ?>
</fieldset>

Tested works well. Now I'm trying to get to work the progress block, something is broken with class and/or Ids names.
I've already make it work, but it's only showing the billing information block. Now it's instead of updating with information, completed steps are just disappearing (while they should get dt class="complete")
by
versedi
-
2 weeks, 1 day ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_20304
Customer avatar
Answer: 
Hi,

All these modules and components overwrite some pages of the theme. You must find the pages that replace the ones from Foundation and adapt them to the framework.

Maybe you must check and overwrite some CSS styles too.
by
nandroid
-
9 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26953061
Customer avatar
Hay this is a great extension and i'm really looking forward to working with it but i have one issue with it.

The right navigation bar (My account, my wishlist, etc) works fine if i click the blue bar anywhere around the text, but if i click on the text directly it has no affect.

The buttons do not work if you click on the text and it was some time before i figured out i can still use them by clicking the background so i doubt my users will realise this.

i have this theme installed locally and on my server with the same problem existing on both.

please help?

thanks
by
azphones1
-
1 year, 2 months ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_20304
Customer avatar
Answer: 
Hi, azphones.

There was a bug in the v 1.3 theme in Webkit because it was required to set the css

height: 140px;

in .top-bar. Sorry.

Now I`ve made a lot of improvements in the theme, including a mobile menu inside the top-bar. So all these elements have been reorganized.

Hope you like it.
by
nandroid
-
1 year, 2 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_20304
Customer avatar
You can't select Checkout as guest or Register
by
nandroid
-
10 months ago
+1point
1out of 1found this question helpful.
Was this helpful?Yes1No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_20304
Customer avatar
Answer: 
Yes, is a known bug of this version.
It happens in the first step of checkout if not logged in.

What happens is that the second column overlaps the first one.
In styles.css line 1685 add clear:both and solved.

.col2-set .col-1, .col2-set .col-2 {
clear: both;
width: 100% !important;
}

Thanks to merlin2 for the review.
by
nandroid
-
10 months ago
+1point
1out of 1found this answer helpful.
Was this helpful?Yes1No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27016736
Customer avatar
Hi
As you can see on your demo ( http://magendation.internetized.net ), the block RECENTLY VIEWED PRODUCTS does not fit in the sheet. I've got exactly the same problem on my site.
Is there a possibiity to solve this problem ?
Regards
Fred
by
edgerunner
-
10 months ago
+1point
1out of 1found this question helpful.
Was this helpful?Yes1No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_230492
Customer avatar
Answer: 
Hi Edgerunner,

I removed the word ROW on line 29 in the file app / magento-foundation / default / template / reports / product_viewed.phtml.

Hope this helps !

Regards, Werner
by
wervisser
-
9 months ago
+3points
3out of 3found this answer helpful.
Was this helpful?Yes3No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_238714
Customer avatar
I like the template , but the button Checkout as Guest or Register for continue by , not work !! in Galaxy Sansung i testing with other Browsers navigators , but not work!!
I´m sorry , but i don´t see solution for this !!!
Someone people to help !? .
Thanks ! in advanced !
by
cuesta adventure
-
9 months ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27358845
Customer avatar
Answer: 
Hallo Nandroid,

I have the same problem on the TAB2.

- I has something to do with the responsivity of the theme.
- If you hold the tab horizontal you can click the check box.
- If you hold the TAB vertical it doesn't work.

Many thanks for your quick feedback.

Gregori
by
gskatchkoff
-
8 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_196379
Customer avatar
Can you please provide how-to for moving language/store selector to header?
by
GoodKaarma
-
9 months ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0
2 next>>
2 next>>
Get Help

Support for This Extension

The best place to start if you need help with a specific extension is to contact the developer. All Magento developers have both a contact email and a support email listed.

Magento Platform Support

If you need support for a Magento platform, there are different options for support depending on which Magento platform you are using. Below are links for specific platforms.

In order to upload extension, you must be logged in to the Magento Community. Click here to login or register.

Close

Register

* Required Fields

Close window

Forgot Your Password?

Please enter your email below and we'll send you a new password.

* Required Fields

Close window

Login

To upload extension you must be logged in.

* Required Fields

Close window

You are using an outdated browser

We built Magento Connect using the latest techniques and technologies.
This makes Magento Connect faster and easier to use.
Unfortunately, your browser doesn't support those technologies.
Use the links below to download a new browser or upgrade your existing browser.