Included in PRO Starter
WordPress Photo Wall Gallery
Turn a photo collection into an animated wall of drifting image columns. Let visitors open a fullscreen gallery and look closer with Wall PRO, included in FooGallery PRO Starter.
7-day trial · 30-day guarantee
Animated Photo Wall Gallery Demo
Watch the columns drift in alternating directions. Hover to pause, or select a photo to open the fullscreen gallery. Select a photo there to open its lightbox, then close the overlays to return to the page.
Demo – Wall Layout PRO
Device preview switcher available on desktop devices
Recreate this demo
PRO Starter or higher
Create this with your own images
Use these settings as a starting point, then adapt the layout to your collection.
- Add your own collectionCreate a FooGallery gallery and choose enough photos to fill several columns. Add descriptive titles and alt text.
- Choose Wall PROSelect Wall PRO and set Position to Inline to give the wall its own space in the page.
- Set motion and clicksAdjust Columns, Gap, Speed and Tilt. Enable Pause On Hover and choose Open a fullscreen gallery for photo clicks.
- Embed and previewSave and insert the gallery with a FooGallery block or its generated shortcode. Check the wall, fullscreen view and lightbox on desktop and phone.
Settings used in this demo
- Layout Wall PRO
- Position Inline
- Height 600px
- Columns 7 desktop / 3 mobile
- Direction Alternate
- Photo click Fullscreen gallery
Tips and troubleshooting
Choose Inline for a self-contained demo like this one. Background position attaches the wall behind a section and needs a suitable section layout. Use a slower Speed for gentle motion, and check reduced-motion behavior as well as mouse and touch browsing. This example uses fullscreen clicks rather than the developer event option.
Who is this for?
Give your collection a moving introduction.
Use Wall PRO when you want an animated photo wall on a WordPress page or behind a hero section. Its drifting columns create an overview of the collection, with optional fullscreen browsing when visitors want to explore.
- Photography homepagesIntroduce a body of work with a moving collection, then let visitors open the fullscreen gallery.
- Creative portfoliosShow a mix of projects in an image wall with adjustable columns, gaps and tilt.
- Visual landing pagesPlace the wall inline as shown here, or use its background position behind your own hero content.
More FooGallery features
Explore more ways to style your galleries and display your photos, with a working demo for each feature.
Use Wall behind a heading and action
Place the gallery inside a Group or Cover with your heading and button. Choose Behind content, leave Section blank to use the nearest supported host, and set the host’s height and padding in the page editor. Add shading and check the text contrast and button behaviour. The hero on the FooGallery product page shows a background example; the Wall guide covers the full recipe.
Need a collection visitors can scan?
For varied tiles with selected highlights, try the Mosaic gallery demo. Use Wall for an introduction and a supported browsing layout when visitors need ordinary filtering or pagination.
Watermarking
FooGallery PRO Commerce includes watermarking and right-click image protection to help photographers protect gallery images.
WooCommerce Integration
With WooCommerce integration, FooGallery PRO Commerce gives you the ideal platform from which to display your product images. Visit now!
WordPress Video Gallery
FooGallery Pro Expert allows you to create amazing WordPress video galleries by importing videos from YouTube and other sources.
FAQs
Questions about Wall Layout
Install FooGallery PRO Starter or higher, create a gallery and add your photos. Select Wall PRO and choose Inline to give the wall its own space on the page. Adjust the columns, speed and photo-click behavior, then save and embed it using a FooGallery block or its generated shortcode. Wall PRO displays drifting photo columns on your website; it is not a planner for framed photos on a physical wall.
Wall PRO is not included in FooGallery Free. It is included in FooGallery PRO Starter, PRO Expert and PRO Commerce. FooGallery Free has other gallery layouts you can use without buying PRO. Use Start Free Trial to select a trial plan, or Compare Features to review the paid plans.
Yes. Wall PRO has Behind content and Inline positions. Behind content places the wall behind a section; Inline gives it its own height in the page, as in this demo. Keep overlaid text and actions readable when designing a background section.
You choose the behavior. Wall PRO can open the lightbox, open a fullscreen gallery, dispatch a browser event for custom code, or do nothing for a decorative wall. This example opens the fullscreen gallery first; photos there open in the lightbox.
Yes. The gallery editor includes Speed, Direction, Tilt and Pause On Hover controls. This example pauses when a pointer rests over the wall. Reduced-motion preferences also affect the animation, so the wall can appear still for those visitors.
The wall adapts to its container and supports a mobile column override. This demo uses three columns on mobile and seven on desktop. Tap a photo to open the fullscreen gallery, and use its close control to return to the page.
Wall Layout PRO
Add an animated photo wall to WordPress
Wall PRO is included in PRO Starter, Expert and Commerce. Try the layout with your own collection, then choose the motion, placement and photo-click behavior that suit your site.