Resources

PopThumbs

Overview

Adds columnized thumbnails that lightbox to full size images on click.

PopThumbs

Installation & Activation

PopThumbs can easily be downloaded from inside WordPress using PageLines Connect.

  1. Download the plugin from the Connect store. It will now appear in your 'Plugins' tab.
  2. Click 'Plugins', and find your PopThumbs plugin (titled PageLines Section PopThumbs).
  3. Click 'Activate' to be able to use the plugin inside your editor.
  4. Go to your PageLines Builder where you will now find PopThumbs in the 'Gallery' section.

Settings

As with all section, the PopThumbs section includes the Standard Section Options such as padding/margin, background options and etc.

Number of Columns for Each Thumb (12 Col Grid)

Control how PopThumb items are displayed, you can select between:

  • 2 of 12 Columns: ProPricing will be displayed in six columns.
  • 3 of 12 Columns: ProPricing will be displayed in four columns.
  • 4 of 12 Columns: ProPricing will be displayed in three columns.
  • 6 of 12 Columns: ProPricing will be displayed in two columns.
  • 12 of 12 Columns: ProPricing will be displayed in one column.

PopThumbs Items

The PopThumbs setup options are where you configure the individual PopThumbs items.

Add/Remove PopThumbs Items

To add additional PopThumbs items, click the +Add Item button. To remove, click the X icon.

Add/Remove item

Ordering PopThumbs Items

To re-order PopThumbs items, simply place the mouse cursor over the navicon and drag-and-drop to change the order of items. The Item name will automatically change to represent the order of the item e.g. item 3 moves into item 1, item 3 will rename to item 1.

Ordering Items

Thumb/Image

Add a thumbnail image by either using the Upload option or selecting an image from the WordPress Media library. The image size is reduced based on the columns you selected from the Number of Columns for Each Thumb (12 Col Grid) option.

Title

Enter text into the field, to add a title to the PopThumbs item. This is positioned below the thumbnail.

Text

Enter text into the field, to add additional text to the PopThumbs item. This is positioned below the title.

LightBox

PopThumbs includes a lightbox effect when a PopThumbs image has been clicked. This displays the full-size image and inside the lightbox, are controls for navigation and social share buttons.

PopThumbs LightBox