How to Add WooCommerce Support to Your Theme

I’m a big fan of WooCommerce, the awesome ecommerce plugin freely available on the WordPress.org repository. There are times, however, when you come up against some issues, and looking up for an answer just takes time.

In this post I’m giving you the answer to a common problem you could be having right now.

Have you ever wondered why the layout of your WooCommerce pages looks broken? How is it that all your theme’s pages look great but WooCommerce pages are messed up?

The most likely reason is because your theme is not WooCommerce-ready.

To add WooCommerce support is easily done using the plugin’s action hooks. Watch this short video to find out more.

Continue reading

WordPress Excerpts or Post Summaries

How to Display a Post Summary on Your Blog Page

By default, some themes display the entire post’s content when listing posts, while leaving you the choice to manually configure your post to display as summary, if this is your preference.

The problem is that not everybody knows enough about WordPress to make this configuration.

In this post, I’m going to illustrate how to quickly replace the full content with a list of post summaries or excerpts you have full control over.

Continue reading

SVG versus HTML5 Canvas

How to Choose Between HTML5 Canvas and SVG

If you’re a web designer or developer who’s wondering about the difference between SVG and HTML5 Canvas and which technology is better for which kind of projects, then my latest article for SitePoint is a great place to start:

Canvas vs. SVG: Choosing the Right Tool for the Job


P.S. The featured image at the top is a modified version of the SVG logo and the HTML5 Logo by W3C.

Material Design Lite by Google

Learning about Material Design

The Material Design philosophy by Google has found its incarnation in a real HTML/CSS/JavaScript library called Material Design Lite. Developing websites with the Material Design look and feel is now much easier, and you can be sure you’re getting it right because the library has been authored by the very same Google.

If you’re curious about how to implement Material Design in a real HTML theme, head over to my latest article for SitePoint:

A Practical Introduction to Material Design Lite by Google.


WooCommerce Single Product page

How to Customize the WooCommerce Single Product Page

Have you ever thought of decluttering the WooCommerce single product page by getting rid of stuff like product categories or star ratings?

Have you been tempted to move and reposition the elements in the WooCommerce single product page but didn’t know where to start?

Here’s a simple technique of doing all that with WooCommerce action and filter hooks.

Continue reading

Storefront Theme for WooCommerce

How to Change the Storefront Theme Homepage (No Plugins)

The popular Storefront WordPress theme for WooCommerce, by WooThemes, offers its users a great-looking Homepage with different sections.

You can easily get rid of any of the existing sections or swap their position on the page using a free plugin called Homepage Control, also by WooThemes.

However, if you really want to learn how to take control, not only of the Homepage, but of the Storefront theme, you need to step out of your comfort zone and get into coding.

Here’s how.

Continue reading

Storefront Theme for WooCommerce

How to Change Footer Text in the Storefront Theme for WooCommerce

This is my answer to another question I recently found on the WordPress.org Themes and Templates Support Forum about the Storefront theme, a great free theme for WooCommerce designed by WooThemes.

The user was trying to replace the default footer text in Storefront with some custom text. If you’re having the same problem, here’s the answer.

Continue reading