Topic: How can I create a grid layout for the woocommerce products widget?

Tagged: x

Author

Posts
February 23, 2017 at 12:12 am #1382440

DKMGAU
Participant

Does anyone know of any plugins I can use to change my Woocommerce shop widget on my website to show products in a grid/tile format rather than a list format?

I’ve attached a picture of what my site looks like now and I’ve also attached a mockup of the general look I want to accomplish.

My site is at https://geekbite.com and I’m using the X theme Icon stack.

Any help would be greatly appreciated.

Thanks,
David

February 23, 2017 at 12:15 am #1382446

DKMGAU
Participant

The picture of my current site layout didn’t upload, but if you want to see what it looks like now, just click the link to my site 🙂

February 23, 2017 at 1:50 am #1382539

Rue Nel
Moderator

Hello There,

Thanks for writing in! I have checked your site and I can see that you are using WooCommerce Product widget. Please keep in mind that this widget will only display products with a basic layout. It does not display grid like layout. If you want to, you can make use any of the bundled 3rd party plugins, The Grid or Essential Grid by installing it in X Addons > Extensions. To display the product as a grid items, please check this documentation:
https://www.themepunch.com/essgrid-doc/core-anatomy-of-an-essential-grid/#post-based-grid
http://theme-one.com/docs/the-grid/#!/source_settings

To know more about these plugins, please check this out: https://community.theme.co/kb/integrated-plugins-the-grid/, https://community.theme.co/kb/integrated-plugins-essential-grid/

Hope this helps.

February 23, 2017 at 6:54 pm #1383694

DKMGAU
Participant

Thanks Rue! I’ll check out the plugins today 🙂

February 23, 2017 at 11:11 pm #1383888

Prasant Rai
Moderator

You are most welcome. 🙂
Author

Posts

<script> jQuery(function($){ $("#no-reply-1382440 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>