Thumbnail Navigation

Thumbnail navigation in Fusion layout allows you to enhance user interaction by adding hover effects, titles, descriptions, and highlight styles to gallery thumbnails.

You can fully customize how thumbnails behave and how text appears on hover.

Where to Find Thumbnail Settings#

1. Open your gallery.
2. Make sure the layout type is set to Fusion.
3. Go to the THUMBS tab.

Hover Effect#

Fusion allows you to choose from multiple hover effects.

Setting:

• Hover Effect — Select the animation style (e.g., Lily and others).

This controls how the overlay appears when users hover over thumbnails.

Title and Description Sources#

You can define what text appears on hover.

Title Source#

Choose the source for the hover title:

• Title
• Description
• Caption

Description Source#

Choose the secondary text source:

• Title
• Description
• Caption

This gives you flexibility depending on how your media content is structured.

Hover Invert#

Hover Invert reverses the hover animation direction.

• Enable — inverted hover animation
• Disable — default behavior

This is useful for achieving a different visual dynamic.

Highlight Options#

Fusion allows you to highlight hover text elements.

Highlight#

Enable or disable highlight styling for title and description.

Highlight Title#

Set background color for title highlight.

Highlight Description#

Set background color for description highlight.

Text Colors#

You can fully control hover text styling:

• Hover Title Color
• Hover Description Color
• Hover Color
• Hover Background Color

These options allow you to match the gallery design with your website branding.

Best Practice Tips#

• Use high contrast between background and text for better readability.
• Avoid overly transparent backgrounds if your images are visually complex.
• Test hover effects on both desktop and mobile devices.
• Keep title text concise for cleaner layout appearance.

Summary#

Fusion thumbnail navigation gives you:

• Advanced hover animations
• Flexible title & description sources
• Highlight styling options
• Full color customization

With proper configuration, thumbnails become a powerful interactive element that enhances user experience and visual presentation.