LTD is back · Limited time only

How to Use Shared Element Transitions in WordPress

Last updated on July 23, 2026

Key Takeaways

• Single toggle, no nested options

• Configurable per page or per context

• Does not affect page load time (visual only)

• Works with most WordPress themes

What Is this feature?

This feature is part of the Experience system in Classic Monks. It modifies how your WordPress site behaves or appears to visitors. Each feature is independently configurable.

Why You Need It

Customizing the site experience allows you to:

  • Match the behavior to your site’s design and purpose
  • Improve user experience for specific contexts (mobile, admin, accessibility)
  • Create a more professional or modern impression

How to Configure this Feature

Step 1: Navigate to Settings

Click into the Classic Monks plugin settings, then the Interface tab, Experience subtab.

Step 2: Enable the Feature

Toggle on this feature.

Step 3: Save Changes

Click Save Changes.

Step 4: Test

Visit the frontend (or admin, depending on the feature) and verify the behavior matches your configuration.

Configuration Options

Option Description Default
This feature Master toggle. Off

What Gets Affected

  • The site behavior: modified per this feature
  • The user experience: enhanced or modified for the configured context
  • The admin experience: (if admin-related feature) modified for the admin

What Does NOT Get Affected

  • The actual page load time: unchanged
  • The page content: unchanged
  • The search engine indexing: unchanged

Common Use Cases

Image galleries

When navigating from a gallery page to an individual image, the image transitions from the thumbnail to the full-size position, creating a smooth zoom effect.

Product pages

When navigating from a product listing to a product detail, the product image transitions from the grid position to the detail page position.

Content-heavy sites

For sites where the same elements appear on multiple pages (headers, footers, featured images), shared element transitions create a cohesive experience.

Photo galleries and portfolios

For photography portfolios and image galleries, shared element transitions create a smooth zoom effect when navigating from a thumbnail to a full-size image. The image appears to grow from its grid position, creating a natural, intuitive transition.

Product catalogs

For e-commerce product catalogs, shared element transitions between product listings and product details create a sense of continuity. The product image, price, and title animate between their listing and detail positions.

Magazine and editorial sites

For magazine and editorial sites, shared element transitions between article listings and full articles create a seamless reading experience. Featured images, headlines, and author bylines animate between positions.

Troubleshooting

The feature is not taking effect

Cause: The toggle is off, or a theme/plugin conflict is preventing the feature from loading.
Fix: Verify the toggle is on. Disable other page transition plugins to find conflicts.

The feature is showing on pages where it shouldn’t

Cause: The feature is global (applies to all pages).
Fix: Use the filter for this feature to exclude specific pages. See Advanced Options.

The feature conflicts with another plugin

Cause: Another plugin is also modifying the same behavior.
Fix: Disable the other plugin’s equivalent feature. Classic Monks features are designed to be standalone; using two competing features (e.g., two page transition plugins) will cause conflicts.

Sumit Your Ideas or Feature Requests

All submissions go through a manual review, so not every idea will be published. That said, the most upvoted ideas are given priority on our official roadmap.Please check if your idea already exists before submitting. If you find it, simply upvote it to help us prioritize it.