Title: CaseLens Before and After Gallery Author: Rodney Lungayan Published: October 31, 2026 Last modified: October 31, 2026 --- Search plugins ![](https://ps.w.org/caselens-before-and-after-gallery/assets/banner-772x250.png? rev=3776779) ![](https://ps.w.org/caselens-before-and-after-gallery/assets/icon-256x256.png?rev =3776779) # CaseLens Before and After Gallery By [Rodney Lungayan](https://profiles.wordpress.org/rodneylungayan/) [Download](https://downloads.wordpress.org/plugin/caselens-before-and-after-gallery.1.0.0.zip) * [Details](https://wordpress.org/plugins/caselens-before-and-after-gallery/#description) * [Reviews](https://wordpress.org/plugins/caselens-before-and-after-gallery/#reviews) * [Installation](https://wordpress.org/plugins/caselens-before-and-after-gallery/#installation) * [Development](https://wordpress.org/plugins/caselens-before-and-after-gallery/#developers) [Support](https://wordpress.org/support/plugin/caselens-before-and-after-gallery/) ## Description CaseLens turns a set of before and after photos into a browsable gallery of cases. It adds its own **Gallery Cases** post type and a hierarchical **Procedures** taxonomy, so your cases stay separate from posts and pages. Each case holds any number of before/after photo pairs plus the detail fields you define, and visitors can narrow the gallery down by procedure, by those details, or by case number. Nothing else is needed: no page builder, no custom field plugin and no particular theme. #### What you get * A **Gallery Cases** post type with its own admin menu, list columns and editor. * A hierarchical **Procedures** taxonomy for grouping cases, with parents and children. * **Before and after photo pairs** on each case, chosen from the media library, reorderable by drag. * **Case fields you define yourself** — text, number, single choice and multiple choice — grouped however you like. * A front-end gallery with a procedure menu, a filter dialog built from your own fields, a case-number search and “Load more”. * Clean URLs: `/gallery/`, `/gallery/procedure/` and `/gallery/procedure/case/`, with 301 redirects from older query-string links. * Titles, descriptions and canonical tags for procedure pages, on plain WordPress and through Yoast SEO when it is active. * Templates you can override from your theme, and filters for the generated meta. #### How it works The first page of cases is rendered by PHP, so the gallery is visible to visitors and to search engines without JavaScript. The script then adds procedure switching without a page reload, the filter dialog and the “Load more” button, all through the plugin’s own REST routes under `caselens/v1`. #### Shortcode Place the gallery on any page: ``` [caselens_gallery] ``` Attributes: * `procedure` — show only one procedure, by slug. * `per_page` — cases per page (3 to 60). * `columns` — grid columns (1 to 6). * `sidebar` — `yes` or `no`, for the procedure menu. * `filters` — `yes` or `no`, for the filter button. * `search` — `yes` or `no`, for the case-number search. For example: `[caselens_gallery procedure="breast" columns="2" sidebar="no"]` #### Who it suits Any site that shows paired results: clinics and practices, dentists, hair and beauty studios, renovation and landscaping firms, detailers, restorers, cleaning companies, trainers — anywhere a before and a after picture tell the story. ## Screenshots [⌊The gallery: procedure menu, filter bar and the grid of before/after cards.⌉⌊The gallery: procedure menu, filter bar and the grid of before/after cards.⌉[ The gallery: procedure menu, filter bar and the grid of before/after cards. [⌊The filter dialog, built from the case fields you defined.⌉⌊The filter dialog, built from the case fields you defined.⌉[ The filter dialog, built from the case fields you defined. [⌊One case: before and after pairs beside the case details.⌉⌊One case: before and after pairs beside the case details.⌉[ One case: before and after pairs beside the case details. [⌊The case editor, with photo pairs and detail fields.⌉⌊The case editor, with photo pairs and detail fields.⌉[ The case editor, with photo pairs and detail fields. [⌊The Case Fields screen.⌉⌊The Case Fields screen.⌉[ The Case Fields screen. [⌊Gallery settings.⌉⌊Gallery settings.⌉[ Gallery settings. ## Installation 1. Upload the plugin folder to `/wp-content/plugins/`, or install it from the Plugins screen. 2. Activate it. A page called **Gallery** is created for you, holding the `[caselens_gallery]` shortcode. 3. Go to **Gallery Cases > Procedures** and add the groups your cases belong to. 4. Go to **Gallery Cases > Case Fields** and set the details each case should hold. 5. Add your first case: give it procedures, add before/after pairs, fill in the details and publish. 6. Check **Gallery Cases > Settings** for the URL base, wording, colour and grid options. If a gallery URL shows a 404 after you change the URL base, open **Settings > Permalinks** and click **Save Changes**. ## FAQ ### Do I need Advanced Custom Fields or a page builder? No. The plugin is self-contained. Case fields, photo pairs, the gallery and the case layout are all its own. ### Can I change the layout? Yes. Copy `templates/gallery.php` or `templates/single-case.php` from the plugin into a `caselens` folder inside your theme — for example `wp-content/themes/your- theme/caselens/single-case.php` — and edit your copy. Your copy is used instead of the plugin’s. If your theme provides its own `single-caselens_case.php`, that takes over entirely. ### What are the case fields for? They are the rows in the details table beside the photos, and they are what the filter dialog is built from. Tick **Filter** on a field and it becomes a filter: choice fields become checkbox lists with counts, number fields become a minimum and maximum. Only values that cases actually have are offered. ### Does the gallery work without JavaScript? Yes. The first page of cases and the whole procedure menu are rendered by PHP as ordinary links. JavaScript adds the filter dialog, “Load more” and switching procedures without a reload. ### Will deleting the plugin delete my cases? No, not unless you ask it to. There is a tick box under **Gallery Cases > Settings > Uninstalling**; leave it off and deleting the plugin removes only its settings. ### Does it work with an SEO plugin? Yes. Procedure pages get a generated title, description and canonical URL. When Yoast SEO is active these go through its own filters, so there is no duplication. The `caselens_procedure_meta` filter lets you change the generated wording. ### Can I use it on a multisite network? Yes. Activate it per site. Uninstalling cleans up each site in the network. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “CaseLens Before and After Gallery” is open source software. The following people have contributed to this plugin. Contributors * [ Rodney Lungayan ](https://profiles.wordpress.org/rodneylungayan/) [Translate “CaseLens Before and After Gallery” into your language.](https://translate.wordpress.org/projects/wp-plugins/caselens-before-and-after-gallery) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/caselens-before-and-after-gallery/), check out the [SVN repository](https://plugins.svn.wordpress.org/caselens-before-and-after-gallery/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/caselens-before-and-after-gallery/) by [RSS](https://plugins.trac.wordpress.org/log/caselens-before-and-after-gallery/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * First release. ## Meta * Version **1.0.0** * Last updated **1 day ago** * Active installations **Fewer than 10** * WordPress version ** 6.2 or higher ** * Tested up to **7.1.4** * PHP version ** 7.4 or higher ** * Tags * [before after](https://wordpress.org/plugins/tags/before-after/)[case study](https://wordpress.org/plugins/tags/case-study/) [gallery](https://wordpress.org/plugins/tags/gallery/)[image comparison](https://wordpress.org/plugins/tags/image-comparison/) [portfolio](https://wordpress.org/plugins/tags/portfolio/) * [Advanced View](https://wordpress.org/plugins/caselens-before-and-after-gallery/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/caselens-before-and-after-gallery/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/caselens-before-and-after-gallery/reviews/) ## Contributors * [ Rodney Lungayan ](https://profiles.wordpress.org/rodneylungayan/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/caselens-before-and-after-gallery/)