Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Michael Choate
PLUS
Michael Choate
Courses Plus Student 3,528 Points

Bootstrap 3 and a Responsive E-commerce solution

Hello fellow Treehousers,

I am building my company's site using Bootstrap 3. I can't find any info on adding a responsive, e-commerce online store/shopping cart.

Does such a beast exist?

Thank you in advance for any leads!

Mike

If you're building it in WordPress, WooCommerce is about the best e-commerce solution out of the box available and all the components are easily integrated into a responsive website. I've build sites with WP that are otherwise static simply to utilize that powerful tool.

1 Answer

Michael Choate
PLUS
Michael Choate
Courses Plus Student 3,528 Points

Hi Paul! Ya, I've messed around with Woo and I agree, it is easy! It's my backup if I can't get this BS3 thing off the ground.

Well there's nothing to stop you from using Bootstrap to make a WP site, I do it quite often. If you're handling and integrating the payment stuff manually though, you can check out http://simplecartjs.org/, which is a cool little library for throwing a cart on any page.

Michael Choate
Michael Choate
Courses Plus Student 3,528 Points

Oh. I wasn't aware you could use BS on WP??? I thought WP was "it's own" template and whatnot. This certainly changes things. I am going to view the tutorials for WP and themes as soon as I'm done learning BS3.

So, Would I be able to create my BS3 responsive site with simplecart and then choose a payment gateway like Braintree or something????

Thank you, Paul!

EDIT: Just went through the simplecart site and there are some issues that freak me out such security and no support for product management. Gettin' close! You're right though, if I wanted a manual solution, this would be cool.

WP themes, at their core, are just a few PHP tags thrown into some HTML templates. WP is not like Joomla or something in that the system itself generates any significant code. While there are a few counter-examples (comments, for one), it's basically managing your DB stuff while you set up the front end experience yourself. As a matter of fact, you have to manually define the built-in styles for things like image-alignment in your theme before it will even work.

Bootstrap, being a CSS and JS system, is completely agnostic to this. There's nothing stopping you from having say, an article throw up all the WP specific classes AND a Bootstrap class in the same div. WP actually makes as simple as passing a function argument.

I'm sure there's actually 50 different WP Bootstrap frameworks out there. I can't specifically recommend any of them but I promise you they exist.

Michael Choate
Michael Choate
Courses Plus Student 3,528 Points

Awesome. Then it's settled. Learn BS3, WP ins-and-outs, and how to get it to "work."

I'm curious, what, if any problems will Woo throw at me when I fold it into the site??? Does it have responsive properties or, as you would say, agnostic from layout???

Thanks Paul!

There ARE minor considerations to integrating WooCommerce in your theme, but they are not significant to responsiveness in general. You can always force WooCommerce to not load ANY Woo-specific CSS in the options if you wish.

Michael Choate
Michael Choate
Courses Plus Student 3,528 Points

Hm? Sounds encouraging. I may be seeking your input down the road!