In this video, I’m going to show you how you can transform a default products display that comes with the free WordPress plugin WP eCommerce into a great looking grid-view.

If you use the great WP eCommerce plugin to power your shop, but would love to display your products in a grid instead of just having one product stacked on top of the other, you’ll need to upgrade your plugin with a paid add-on, called Gold Cart.

This add-on will super charge WP eCommerce with a number of features, including that of configuring your products grid from the admin panel.

In this video, I’m going to show you how to achieve a pretty decent products grid with WP eCommerce without using the paid add-on. However, it’ll be a CSS solution, without back-end configuration options.

If you’re ready to get your hands dirty with some code, let’s get started.

Resources and Credits
WP eCommerce – WordPress ecommerce plugin
WP eCommerce Documentation
Oxygen – WordPress Theme
CSS sir
FireFox Developer Tools
Child Themes
Force Element To Self-Clear its Children
Products Images from
Video recorded with Screencastify add-on for Google Chrome
Video edited using the YouTube video editor.

Which plugin do you use for your e-commerce website? Do you prefer a grid or list display for your online store? I’d love to hear from you in the comments below:)
About these ads

Leave a comment

Your email address will not be published. Required fields are marked *