--- title: How Do I Display My Client’s Gallery Photos in Custom Products? description: When you create a Custom Product in your store, the product image you upload will serve as the store tile for your clients. --- [Skip to content](https://servicehub.passgallery.com/how-do-i-display-my-clients-gallery-photos-in-custom-products#main-content) English Show submenu for translations ![Full Logo Black.png\]](https://servicehub.passgallery.com/hs-fs/hubfs/Logos/Full%20Logo%20Black.png?height=40&name=Full%20Logo%20Black.png) Open main navigation Close main navigation - English Show submenu for translations How can we help you? - There are no suggestions because the search field is empty. 1. [Knowledge Base](https://servicehub.passgallery.com/?hsLang=en) 2. [Smart Store](https://servicehub.passgallery.com/smart-store?hsLang=en) # How Do I Display My Client’s Gallery Photos in Custom Products? When you create a [**Custom Product**](https://servicehub.passgallery.com/how-do-i-add-custom-products-to-the-store?hsLang=en) in your store, the product image you upload will serve as the store tile for your clients. To make the product image more personalized, you can define a photo space within your product image where your client’s gallery photos will automatically display. ![](https://servicehub.passgallery.com/hs-fs/hubfs/image-png-Dec-21-2024-09-43-34-9391-PM.png?width=688&height=348&name=image-png-Dec-21-2024-09-43-34-9391-PM.png) Pass’s smart algorithm selects client photos based on their interactions (downloads, favorites, or shares). You can influence this by favoriting six photos in the gallery, which will appear in the storefront when your client first views the gallery. ### **Steps to Define the Photo Space** 1. **Upload Your Product Image**: - In your **Custom Product Info Settings**, click the **+ Upload Image** icon. ![](https://servicehub.passgallery.com/hs-fs/hubfs/image-png-Dec-21-2024-09-49-34-2685-PM.png?width=688&height=363&name=image-png-Dec-21-2024-09-49-34-2685-PM.png) - Upload a transparent **PNG** file or a standard **JPEG** file from your computer. ![](https://servicehub.passgallery.com/hs-fs/hubfs/image-png-Dec-21-2024-09-51-22-8593-PM.png?width=688&height=269&name=image-png-Dec-21-2024-09-51-22-8593-PM.png) 2. **Enable Personalization**: - Check the box for **Personalize using client photos**. - If using a JPEG, the gallery photo will be layered in front of your product image. - If using a transparent PNG, the gallery photo will be displayed behind the product image, visible through the transparent areas. ![](https://servicehub.passgallery.com/hs-fs/hubfs/image-png-Dec-21-2024-10-01-15-1030-PM.png?width=529&height=565&name=image-png-Dec-21-2024-10-01-15-1030-PM.png) 3. **Prepare Orientation Options**: - Upload both **portrait** and **landscape** versions of your product image. - The system will select the appropriate orientation for the client’s gallery photo to avoid unnecessary cropping. ![](https://servicehub.passgallery.com/hs-fs/hubfs/image-png-Dec-21-2024-10-00-37-8311-PM.png?width=537&height=571&name=image-png-Dec-21-2024-10-00-37-8311-PM.png) 4. **Edit Personalization Parameters**: - Hover over the uploaded image and click the **pencil icon** to define the photo space. - Adjust the placement and size of the photo box by dragging the handles. ![](https://servicehub.passgallery.com/hs-fs/hubfs/image-png-Dec-21-2024-10-02-52-4413-PM.png?width=515&height=559&name=image-png-Dec-21-2024-10-02-52-4413-PM.png) **Pro Tip**: - Drag the middle handles to maintain a rectangle shape. - Use the corner handles for creating diagonal or perspective shapes. ![](https://servicehub.passgallery.com/hs-fs/hubfs/image-png-Dec-21-2024-10-06-37-1696-PM.png?width=688&height=353&name=image-png-Dec-21-2024-10-06-37-1696-PM.png) 5. **Add Additional Photo Boxes**: - If your product has multiple areas for client photos, click **+ Add photo box** to create additional photo spaces. ![](https://servicehub.passgallery.com/hs-fs/hubfs/image-png-Dec-21-2024-10-08-50-5208-PM.png?width=688&height=331&name=image-png-Dec-21-2024-10-08-50-5208-PM.png) 6. **Save Your Changes**: - Once all photo spaces are placed, click **Apply** to save your work. ![](https://servicehub.passgallery.com/hs-fs/hubfs/image-png-Dec-21-2024-10-09-30-4173-PM.png?width=688&height=336&name=image-png-Dec-21-2024-10-09-30-4173-PM.png) 7. **Preview the Store Tile**: - Click the **eye icon** to preview how the product will appear in the store. ![](https://servicehub.passgallery.com/hs-fs/hubfs/image-png-Dec-21-2024-10-11-04-7619-PM.png?width=449&height=483&name=image-png-Dec-21-2024-10-11-04-7619-PM.png)   If you have any questions or need any additional information, please email *[help@passgallery.com.](mailto:help@passgallery.com)* - [General](https://servicehub.passgallery.com/general?hsLang=en) - [Getting started](https://servicehub.passgallery.com/getting-started?hsLang=en) - [Settings](https://servicehub.passgallery.com/settings?hsLang=en) - [Account](https://servicehub.passgallery.com/account?hsLang=en) - [Troubleshooting](https://servicehub.passgallery.com/troubleshooting?hsLang=en) - [Integrations](https://servicehub.passgallery.com/integrations?hsLang=en) - [FAQs](https://servicehub.passgallery.com/faqs?hsLang=en) - [Galleries](https://servicehub.passgallery.com/galleries?hsLang=en) - [Smart Store](https://servicehub.passgallery.com/smart-store?hsLang=en) - [Pass Classic](https://servicehub.passgallery.com/pass-classic?hsLang=en) - [Partnerships](https://servicehub.passgallery.com/partnerships?hsLang=en) - [Pass Platinum](https://servicehub.passgallery.com/pass-platinum?hsLang=en) - [Campaigns and Automations](https://servicehub.passgallery.com/campaigns-and-automations?hsLang=en) # Pass Holdings LLC Copyright © 2026, Pass Holdings LLC