--- title: "Popup & Lightbox" date: 2021-12-16 author: "nK" --- # Popup & Lightbox **Visual Portfolio → Settings → Popup & Lightbox.** Settings of the lightbox that opens when a block’s Click Action is Popup. They apply to every Visual Portfolio block and to the “Lightbox for WordPress Images” feature. ## General ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-18-at-13.59.14-1024x575.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-18-at-13.59.14-1024x575.png) ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-18-at-14.00.09-1024x575.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-18-at-14.00.09-1024x575.png) SettingDefaultNotes**Vendor Script**FancyboxFancybox 3 or PhotoSwipe 4. Same features except where the table below says otherwise**Lightbox for WordPress Images**offOpens the core Image and Gallery blocks, classic galleries and Jetpack tiled galleries in this lightbox. Any other markup gets it with the class `vp-lightbox-gallery` on the container (images linked to their files) or on a link**Deep Linking** (Pro)onThe address changes to `#&gid=…&pid=…` while a slide is open; Back closes the lightbox; the link opens that slide. See [Click Action](https://staging.visualportfolio.com/docs/gallery-blocks/items-click-action/)**Use Deep Linking URL to Share Images** (Pro)onThe Share button shares the deep link with the image’s title and preview (Open Graph tags). Off: the image file URL is shared**Loop** (Pro)onContinue from the last slide to the first**Load Next Pages** (Pro)onWith Load More or Infinite pagination, load the next page of the gallery while browsing; the counter shows `N+` while more pages exist**Click to Zoom**onA click on the image zooms in**Restore Focus**onFocus returns to the clicked item after closing (keyboard users)## UI Elements ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-18-at-14.01.45-1024x575.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-18-at-14.01.45-1024x575.png) SettingDefaultFancyboxPhotoSwipe**Display Arrows**onyesyes**Display Images Counter**onyesyes**Display Zoom Button**onyesyes**Display Fullscreen Button**onyesyes**Display Share Button**onFacebook, X, LinkedIn, Pinterestsame**Display Download Button**offyesyes**Display Close Button**onyesyes**Display Thumbnails**onyesnot available**Thumbnails Opened At Startup** (Pro)offyesnot available**Thumbnails Position** (Pro)VerticalVertical, Horizontalnot available**Display Slideshow**offyesnot available## Albums (Pro) Pro FeatureThis is a part of the **Visual Portfolio Pro** plugin. Purchase the Pro plugin to access this and other [advanced features](https://staging.visualportfolio.com/free-vs-pro/). [Buy Now](https://staging.visualportfolio.com/pricing/) ![](https://staging.visualportfolio.com/wp-content/uploads/2021/12/Shot-2026-03-25-at-13.52.30-1024x487.jpg)![](https://staging.visualportfolio.com/wp-content/uploads/2021/12/Shot-2026-03-25-at-13.52.30-1024x487.jpg) SettingDefaultNotes**Isolated Album Popup**onClicking an album item opens only that album’s images. Off: the lightbox holds every item of the gallery, with album images inserted in place**Album Lazy Load Threshold**20 (5 to 100)Images rendered with the page; the rest are fetched from the REST API when the album opensThese fields are part of the free plugin since 3.6.0 but only do something with Pro albums. ## Quick View (Pro) Pro FeatureThis is a part of the **Visual Portfolio Pro** plugin. Purchase the Pro plugin to access this and other [advanced features](https://staging.visualportfolio.com/free-vs-pro/). [Buy Now](https://staging.visualportfolio.com/pricing/) ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-18-at-14.02.30-1024x576.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-18-at-14.02.30-1024x576.png) Quick View shows a post or page inside the lightbox as a frame. It is switched on per block with **Post URL (Quick View)** in [Click Action](https://staging.visualportfolio.com/docs/gallery-blocks/items-click-action/) → Media Object Priority. SettingDefaultNotes**Display URL Button**onA toolbar button that opens the framed page in a new tab**Internal Links**Open in New TabWhat links inside the frame that point to your site do: Open in New Tab, Open in Current Tab, Open in Frame (not recommended), Prevent Click**External Links**Open in New TabSame for links to other sites**Custom CSS**Hides common header and footer selectorsCSS applied to the framed page. It gets the body class `vp-popup-iframe`, so `.vp-popup-iframe .site-header { display: none }` hides your header inside Quick View only## Misc ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-18-at-14.03.10-1024x576.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-18-at-14.03.10-1024x576.png) SettingDefault**Background Color**`#1e1e1e`## Notes - Which image, title and description a slide shows is decided per block in [Click Action](https://staging.visualportfolio.com/docs/gallery-blocks/items-click-action/). - The lightbox uses the Lightbox Image Sizes from [Settings → Images](https://staging.visualportfolio.com/docs/settings/images/). - If the site header appears above the lightbox, see [Site header displays above Popup gallery](https://staging.visualportfolio.com/docs/troubleshooting/site-header-displays-above-popup-gallery/).