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 Pixabay.com
- Video recorded with Screencastify add-on for Google Chrome
Video edited using the YouTube video editor.