An Introduction to the Showcase gallery

With the live demo of Emotions, you will have seen the Showcase galleries that gives you a creative way of displaying photos that can be used as a gallery or even a portfolio. You can have a showcase gallery in your page content or in one of the two Showcase sidebar group positions like you see below. You also have the option to display other types of content instead of photos, and even add individual background colours for each showcase sidebar position.

Showcase Top

Each showcase image is in a sidebar position using text widgets. You can see one photo with an overlay on hover that makes the title and caption visible.

showcase top

Showcase Content

Each showcase image is in a sidebar position using an unordered list style. You can see one photo with an overlay on hover that makes the title and caption visible.

showcase content

Showcase Bottom

Each showcase image is in a sidebar position using text widgets. You can see one photo with an overlay on hover that makes the title and caption visible.

showcase bottom

For the top and bottom showcase groups, you can have 1, 2, 3, or 4 images. You also have the option to create your own content when hovering over a thumbnail, and even link a thumbnail to a page or if you plan to use a lightbox plugin, you can have a popup gallery. The choice of plugin, of course, is up to you.

Use One Sidebar for All or One Each

You ave the choice of using a single text widget to load your complete showcase gallery in one Showcase sidebar position, or you can put each photo and caption into their own respective widgets in each Showcase sidebar position.

The Showcase Sidebars are off by Default

When you first install and activate the Emotions theme, the sidebar positions and customizer styling are not shown. I did this because not everyone may use the Showcase positions, so why clutter up the admin area with sidebars that you don’t plan to use!

Use the Showcase for Content with Colour

As mentioned, you don’t even have to use photos, you can add text content into each showcase sidebar position, then add colours – unlimited colours of course!

showcase colours

Turning on the Showcase Sidebars

If you plan to use either the top or bottom showcase sidebars, you can enable them from the customizer.

  1. Go to Appearance >> Customize >> Site Options
  2. Look for the “Turn on the Top Showcase Sidebars” or “Turn on the Bottom Showcase Sidebars” settings and check the box next to the showcase positions you want
    showcase top onshowcase bottom on
  3. Click “Save & Publish

Once done, you should see the “Showcase Options” tab in the customizer settings enabled:

showcase settings

Then you should see your Showcase sidebars in the widgets admin area as well:

showcase top sidebarsshowcase bottom sidebars

Now it’s time to actually start using these sidebars, so I will move into a new tutorial “Create a Showcase Gallery” that will guide you through how to make one.