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
FireFox Developer Tools
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.
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