Lookbook: How display multiple 'Looks' in a grid

After creating some Looks with the Lookbook plugin, you might like to show them all in a grid so people can easily browse through them.

There are two ways to do this, depending on which version of WordPress you are using. Click on an option below for more information:

If you are new to WordPress, you will most likely be using WordPress 5

WordPress 5 with the new Editor

Follow the steps below to create a "Shop my looks" page:

1. Create a new page by going to Pages > Add New

2. Give your page a title and then add the "Lookbook Collection" block as shown below:

Shop my looks

You can now select a Collection if you would like to show specific Looks. Or alternatively you can leave the Collection setting as default and it will show all your Looks together.

You can also choose from various options such as the number of Looks and columns, or even the shape you would like the images to show as.

WordPress Classic Editor

1. Create a new page by going to Pages > Add New

2. Now simply add the following shortcode to your page content and it will display the Looks for you automatically:

This will show all of your Looks in a grid layout. If you would like to show Looks from a specific Collection only, you can set this in the shortcode like so:

You would just need to change the "collection-name-here" part to the name (AKA "slug") of the collection you'd like to show. If you're not sure what the slug is, you can find it here:

For best results when using a pipdig theme, you may wish to remove the sidebar from the page.

After creating the new page, you will probably want to add it to your site's menu via this guide.

Knowledge Base

Lookbook: How display multiple 'Looks' in a grid

WordPress 5 with the new Editor

WordPress Classic Editor

Was this article helpful?