How to Fix the WooCommerce Template or Layout Problem on Certain WordPress Themes
I’ve been doing quite a bit of work with WooCommerce recently and it has quickly become one of my favorite e-commerce solutions for WordPress. WooCommerce is a free plugin by WooThemes.
I am not planning on review WooCommerce or it’s features other than to say I like it because there are plenty of reviews out there.
I did, however, want to discuss a simple fix for when the WooCommerce shop doesn’t work well with your theme and the layout of the store is messed up. WooCommerce works flawlessly with WooTheme’s that are specifically designed for WooCommerce. That doesn’t mean that you can’t use it with other themes or your current theme – I’ve used it with StudioPressm themes and free themes and have rarely run into issues. Occasionally, there is a layout issue and the following should almost always correct the problem.
The fix
- Make a copy of your page.php template. You can do this under Appearance > Editor > page.php Most themes will have one but it is possible that your theme won’t. Copy the text and paste it into a text editor.
- Save the copy as woocommerce.php
- Look for the loop. The loop will start with
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
and ends with
<?php endwhile; else: ?>
<p><?php _e(‘Sorry, no posts matched your criteria.’); ?></p>
<?php endif; ?>or something very similar. There is more information about the WordPress Loop in the WordPress Codex.
- Replace the loop with
<?php woocommerce_content(); ?>
- Upload the new woocommerce.php file into your theme directory. You will need to use ftp to do this.
- All layout issues with the WooCommerce shop should be resolved. I’ve done this a couple of times and it fixed the layout problems I was having.
If you would like assistance with setting up WooCommerce, please contact me to discuss availability and rates.
photo credit: 30302870@N08
Keep Reading:
Did you enjoy this article? I can assist you with your WordPress or Facebook project. Contact me and I will provide you with an estimate. You can also connect with me on Facebook or follow me on Twitter. If you are looking for Hosting, WordPress Theme, Newsletter or other recommendations, please view my detailed list.
December 30, 2012 at 7:00 pm
I have some client that would like to use this plugins, but when i installed, it break the template, i have suggested to use woothemes but my client dont want to change the template. i guest this trick should fix the problem.. got to try it first, back to you if i run into other bug.. by the way thanks for the share kim :)
Rangga Aradea´s last post ..Aingindra.com – Informasi Harga Blackberry Dan Cara Membuat Blog
February 3, 2013 at 9:56 pm
Thank you! Worked for me as well.
March 18, 2013 at 2:49 pm
Thank you! much easier than making a page template and figuring out if or how to make WooCommerce recognize it for the store pages ;)