Lightbox & Modal Popup WordPress Plugin – FooBox

Descripción

FooBox was the first lightbox to take responsive layout seriously. Not only does it scale images to look better on phones, but it rearranges it’s button controls to look great in both portrait or landscape orientation.

Add a modal popup to your website images with no setup. FooBox will automatically add modals to WordPress galleries, WordPress images with captions, and attachment images.

Works with most image gallery plugins, but works best with our FooGallery Gallery WordPress Plugin.

FULL GUTENBERG SUPPORT

Within Gutenberg, FooBox lightbox will automatically add a modal popup to images and galleries that have the «Link To» setting set to «Media File».
Image captions set in the editor are also automatically picked up in the FooBox modal popup.

FooBox Image Lightbox Features:

  • Responsive lightbox design
  • Modern lightbox design
  • Zero configuration!
  • Works with WordPress galleries
  • Works with WordPress captioned images
  • Control when to exclude / include FooBox JS & CSS assets

Includes a 7-day free trial of FooBox Pro Lightbox!

You can try the PRO version for free for 7 days.

FooBox PRO Features:

  • Social sharing (10+ networks)
  • Video lightbox support
  • HTML lightbox support
  • iFrame support
  • Deeplinking
  • Fullscreen and slideshow modes
  • Metro lightbox style
  • Flat lightbox style
  • 5 color schemes, 12 buttons icons and 11 loader icons
  • 85+ settings to customize

FooBox PRO Works With:

Check out the full feature comparison.

Complete FooBox Asset Control

By default, FooBox lightbox includes javascript and stylesheet assets into all your pages. We do this, because we do not know if the page content contains media or not.
If you want more control over when FooBox assets are included, you can now exclude the assets by default, by enabling a setting. Then on each page, you can choose to include them when required.
Alternatively, you can leave the setting disabled, and then choose to exclude the FooBox assets from particular pages. A new metabox is now available when editing your pages or posts.
This new feature was only available in the PRO version beforehand, but we feel control over your website performance is something you should not have to pay for. Enjoy!

Translations

Capturas

  • Frontend example
  • Phone example

Instalación

  1. Upload foobox-free folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. A modal lightbox will automatically be added to your linked images and galleries

Preguntas frecuentes

FooBox is not working. I do not see a lightbox

Make sure your images/galleries are set to Link To the Media File (within Gutenberg).
In the class editor, make sure your images/galleries are linking to the media file.
FooBox scans for images or thumbs that are pointing to the full-size version of the image. If the image is not linking to the full size image, then FooBox cannot work on that image.
You can tell if an image links to a full-size version when you can click on the image and the full size version opens in the browser.

FooBox is not working. There is an error in the console «Uncaught ReferenceError: FooBox is not defined»

Some plugins or themes defer javascript in the page, which causes the FooBox initialization code to run BEFORE the FooBox main script is loaded. This has been fixed in version 1.2.24. Please upgrade.

My theme has a built-in lightbox and it shows under FooBox. What can I do?

There is a setting to try and disable hard coded lightboxes, but this is not a sure-fire solution for every scenario. If that setting does not work for you, you might need to deregister certain javascript files, or uncomment certain lines of code in your theme to remove it’s lightbox.

Reseñas

1 de octubre de 2020
I'm very happy with the way FooBox helped my site. The functionality seemed a little confusing, but the support was great and I ended up getting all the features I needed, plus some things I didn't realize were there. Overall very glad I downloaded it.
15 de diciembre de 2019
Considering the huge kerfuffle that was made over Yoast having nag banner appear on every single admin page, it irks me that Foo does exactly the same...
5 de diciembre de 2019
This is a nice simple Lightbox plugin with many nice features. Unfortunately, it has a nasty "7-day free trial PRO" nag banner that will not go away. You can dismiss it on one page, load another, and it's back. I've contacted the dev's on this back in Sept 5th. They promptly got back to me with a fix that didn't work, and said they'd look into it. It's now December. Having this nag on a single site isn't an issue, until you have a large network of sites, and everytime you login to one, there it is. It's really irritating after a while. Love the plugin. HATE the nag banner!
Leer todas las 71 reseñas

Colaboradores y desarrolladores

«Lightbox & Modal Popup WordPress Plugin – FooBox» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Lightbox & Modal Popup WordPress Plugin – FooBox» ha sido traducido a 11 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Lightbox & Modal Popup WordPress Plugin – FooBox» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

2.7.15

  • Updated 20/10/2020
  • Update getting started page to include a CTA to open FooBox demo
  • Added new setting to force the FooBox trial notice admin banner to never show
  • Updated settings page with ratings CTA and included details of other plugins

2.7.14

  • Updated 20/08/2020
  • Fix : fixed bug where FooBox was ignoring FooGallery filters
  • Update : Updated to latest FooBox client JS & CSS 2.4.2

2.7.13

  • Updated 06/08/2020
  • New : Speed improvements (replaced font with SVG images)
  • New : Dropped support for IE7
  • Update : Freemius SDK 2.4.0.1
  • Update : Updated to latest FooBox client JS & CSS 2.4.0

2.7.11

  • Update : Freemius SDK 2.3.2
  • Update : Updated to latest FooBox client JS & CSS

2.7.8

  • Fix : turned off font preload by default
  • Fix : scrollbar bug in iOS13
  • Update : Updated to latest FooBox client JS & CSS

2.7.7

  • Fix : Slideshow was stopping after the Lightbox is closed
  • Update : Updated to latest FooBox client JS & CSS

2.7.6

  • Update : Updated to latest FooBox client JS & CSS

2.7.5

  • Fix : Fixed admin bug with certain galleries
  • Update : Updated to latest FooBox client JS & CSS

2.7.3

  • Fix : Fixed get_blog_list error
  • Update : Freemius SDK 2.3.0

2.7.1

  • Fix : Fixed swipe issues in Chrome
  • Update : Updated to latest FooBox client JS & CSS

2.7.0

  • New : Reworked how FooBox loads, to work better with optimization plugins (Autoptimize / WP Rocket)
  • Remove : Removed support for Google+ in social sharing
  • Update : Updated to handle Chrome’s new allow attribute in videos
  • Update : Updated to latest FooBox client JS & CSS

2.6.5

  • New : Added support for SVG images
  • New : Added support for WebP images
  • Fix : Fixed scroll blocking violation warnings in dev tools
  • Update : Updated to latest FooBox client JS & CSS

2.6.4

  • IMPORTANT : Please update to address a security vulnerability.
  • Fix : Security vulnerability
  • Fix : Included font-display for improved pagespeed score
  • Update : Freemius SDK 2.2.4

2.6.3

  • Added support for loading FooGallery galleries within a FooBox
  • Fixed layout bugs with certain notched iPhones
  • Updated to latest client JS & CSS fixing a few bugs
  • Updated to latest Freemius SDK 2.2.3

2.6.0

  • Added support for the Gutenberg gallery and image blocks
  • Updated to latest Freemius SDK 2.1.1
  • Fixed bug with horizontal scrollbar
  • Fixed bug with paging + filtering in FooGallery
  • Forced Youtube videos to open using youtube-nocookie.com
  • Updated to latest client JS & CSS fixing a few bugs

2.5.3

  • Updated to latest Freemius SDK 2.0.1

2.5.2

  • Updated to latest client JS & CSS fixing a few bugs
  • Removed deprecated functions for PHP 7.2 compatibility
  • Updated to latest Freemius SDK 1.2.4

2.5.1

  • Dropped support for IE7 and IE8 (removing CSS validation errors)
  • Updated to latest client JS & CSS fixing a few bugs

2.5.0

  • Added new setting to exclude FooBox assets by default
  • Added metabox on all public post types to include/exclude FooBox assets
  • Major version bump to avoid confusion with FooBox PRO 2.4.0.0

1.2.34

  • Fix : lightbox was not working with FooGallery paging
  • Updated to latest client CSS
  • Updated to latest Freemius SDK 1.2.1.10
  • Removed FooGallery admin notices

1.2.27

  • Fix : default caption state was disabled when no settings were saved.
  • Updated to latest Freemius SDK 1.2.1.7.1

1.2.26

  • Fix : disappearing captions. Renamed «Show Captions» setting to «Hide Captions» and default to disabled.

1.2.25

  • Added setting to disable captions
  • Added setting to change image counter text

1.2.24

  • Added better browser support for defer javascript loading added in 1.2.23

1.2.23

  • Added support for plugins that defer javascript loading, e.g. AutOptimize

1.2.22

  • Updated to latest JS and CSS fixing multiple issues and bugs

1.1.11

  • Updated to latest JS and CSS fixing some bugs
  • Updated to latest Freemius 1.2.1.5 SDK
  • Free trial for PRO now included in getting started page

1.1.10

  • Fix deactivation issue when PRO is activated

1.1.9

  • New setting for dropping IE7 support (for valid CSS)
  • Fix for when multiple jQuery versions loaded on page!
  • Fix for not including scripts for setting ‘disable other lightboxes’

1.1.8

  • IMPORTANT : clear your site cache when updating – if you use a caching plugin.
  • Added clear cache message to getting started page
  • Removed duplicate settings page
  • Updated opt-in message
  • Fix : loosing scroll position when scrollbars are hidden

1.1.7

  • Integrated Freemius tracking and upgrade system
  • Moved FooBox into top-level menu item
  • Complete overhaul of Getting Started page, including demo
  • Updated to use latest FooBox JS and CSS

1.0.14

  • Hide foo admin notice on mobile devices
  • More CSS tweaks for admin on smaller screen sizes

1.0.13

  • Updated settings page to be responsive
  • Tested with WP 4.6

1.0.12

  • Updated to use latest FooBox JS and CSS
  • Removed discount for FooBox PRO

1.0.11

  • Updated to use latest FooBox JS and CSS
  • Updated settings to include demo tab
  • Updated admin screens be responsive on phones

1.0.10

  • Updated to use latest FooBox JS fixing few bugs
  • Smarter admin warnings when using with FooGallery

1.0.9

  • Updated to use latest FooBox JS fixing few bugs
  • Reorder selectors so FooGallery can take preference in some cases

1.0.8

  • Updated to use latest FooBox JS
  • Added new Getting Started landing page on activation
  • Added support for wp.org language packs
  • Better FooGallery integration

1.0.7

  • Updated to latest version of javascript and CSS files
  • Plays better with FooBox PRO now

1.0.6

  • Fixed navbar issues in Chrome on IOS

1.0.5

  • Fixed very minor vulnerability with add_query_arg function used in admin plugins page

1.0.4

  • Improved FooGallery support
  • Added keyboard navigation support!
  • 50% offer included for PRO version

1.0.3

  • Added FooGallery support
  • Added .nolightbox to exclusions
  • Added .pot translation file
  • Added Bottomless design banner to «FooBot Says…» tab

1.0.2.1

  • Fixed jQuery dependency issue with themes that do not load jQuery by default

1.0.2

  • Added setting «Show Captions On Hover»
  • Added «FooBot Says…» tab on settings page

1.0.1

  • first version!