Thumbnail
All2modal and Gallery

Developed by

Beginner
Beginner

Overview

With this add-on you will create:

  • Single image (or text) with a link to 5 different modal types.
  • Multi gallery with all modal types mixed (inserting individual blocks sequentially*)
  • Image gallery (inserting file sets)

*Your theme area can’t have a set area grid.

Modal types:

  • Image
  • Video (Youtube or Vimeo)
  • Iframe (external URL)
  • Inline content (wysiwyg field)
  • Fileset (for image gallery)

Thumbnail Configuration

  • Text color (image title)
  • Thumbnail background color
  • Thumbnail size (always proportional to a square, you define the width and height is cropped proportionally. Default size: 250px.)
  • Thumbnail radius (curves on the corners)
  • Thumbnail margin (space between thumbs)

Features

  • Responsive Design
  • Left-right navigation (on modal active) for all blocks inserted on page.
  • Icons on thumbs to identify modal type
  • Elegant mouse-over effect
  • Filter menu

Tips

  • If you are developer, take a look at the source code. I try to help with few comments.
  • Align thumbnails (center, left or right) using Edit Area Design where you can insert blocks.
  • Use the same value to thumb width and radius to get a circular thumbnail.
Current Version: 1.0.12
Fully Translatable: Yes
Needs External Libraries: No
Compatible 5.7.5+
License: MIT
Support Response: Replies to tickets every business day.
Support Hosted: On concrete5.org
Needs extra server permissions: No
Needs Internet: No
Marketplace Tests:
Passed Automated Tests
Passed PRB Review