---
title: "Image Popup"
description: "Show product images in a pop-up with zoom, slideshow, download and social sharing using the Image Popup app for J2Commerce."
url: "https://docs.j2commerce.com/apps/image-popup"
markdown_url: "https://docs.j2commerce.com/apps/image-popup.md"
last_updated: "2026-10-23T03:36:49+00:00"
version: "J2Store 4"
breadcrumbs:
  - title: "Home"
    url: "https://docs.j2commerce.com/"
  - title: "Apps"
    url: "https://docs.j2commerce.com/apps"
  - title: "Image Popup"
    url: "https://docs.j2commerce.com/apps/image-popup"
---

# Image Popup

This app allows customers to view the product images (main image and additional image) in a pop-up. The following features are possible with this app

- Download the product image
- Share and tweet on social media
- Zoom in / Zoom out
- Slideshow image

## Requirements

[PHP 8.1.0 + Joomla! 4.x/ Joomla! 5.x + J2Commerce / J2Store 4.x + Purchase the App](https://docs.j2commerce.com/apps/image-popup#requirements)

[**Step 1:** Go to our](https://docs.j2commerce.com/apps/image-popup#requirements) [J2Commerce website](https://www.j2commerce.com/extensions) > Extensions > Apps

**Step 2:** Locate the Image Pop-up App > click View Details > Add to cart > Checkout.

**Step 3:** Go to your My Downloads under your profile button at the top right corner and search for the app. Click Available Versions > View Files > Download Now

## Install the App

Go to System > Install > Extensions > Install the app

![Bulk Discounts](https://docs.j2commerce.com/images/docs/v4/assets/user-group-3%20%285%29.webp)

## Enable the App

Go to J2Commerce > Apps > search for the Image Pop-up app

Click on the 'X' under Status to enable it.

Click on "Open App" or the Title to start setting up the app

## Setting up the Parameters

### Basic Settings tab

**Popup method:** The image will be displayed in the popup method selected here. There are three methods available: Photo Swipe, Light Gallery, and Fancy Box.

- **Photo Swipe:** This method allows you to swipe the image in a pop-up, and you will have the share feature to share or tweet the image on social media.
- **Light Gallery:** This type of pop-up method displays the image in a gallery type and it has the features ofa slideshow, zoom in, and zoom out.
- **Fancy Box:** This type of pop-up method displays the image in a small fancy box.

![ip01](https://docs.j2commerce.com/images/docs/v4/doc-images/apps/image-pop-up/image_popup_01.png)

**Popup image width** (Photo Swipe): Set the width of the image to be displayed in the Photo Swipe method.

**Popup image height** (Photo Swipe): Set the height of the image to be displayed in the Photo Swipe method.

![ip02](https://docs.j2commerce.com/images/docs/v4/doc-images/apps/image-pop-up/image_popup_02.png)

**Frontend Demo**

![ip03](https://docs.j2commerce.com/images/docs/v4/doc-images/apps/image-pop-up/image_popup_03.png)

![ip04](https://docs.j2commerce.com/images/docs/v4/doc-images/apps/image-pop-up/image_popup_04.png)

![ip05](https://docs.j2commerce.com/images/docs/v4/doc-images/apps/image-pop-up/image_popup_05.png)