Add a Hover Image List section

Interactive Navigation with Visual Previews

Enhance your store's navigation and visual appeal with the "Hover Image List" section. This interactive element transforms simple text links into engaging visual previews, displaying associated images upon mouse hover. Perfect for showcasing product categories, collections, or any linked content with a touch of visual flair.

With two distinct design options, "Cards" and "Grid," you can tailor the presentation to match your store's aesthetic. The section seamlessly adapts to mobile devices, reverting to a stacked list with images displayed alongside links for optimal user experience.

    Works with:

  • Dawn Shopify theme
  • We are Underground themes
  • Most other Shopify themes

$99.99

Buy once, own forever with easy transfer to all future theme releases

Visually Engaging and Highly Customizable

The "Hover Image List" section offers extensive customization to ensure your content is presented exactly as you envision. Choose between the dynamic "Cards" layout, with its angled and overlapping images, or the structured "Grid" layout, featuring uniform images with borders. Fine-tune your typography with a wide range of font settings, including the option to add text shadows for depth. Enhance image presentation with adjustable rounded corners, image shadows, and aspect ratio options.

Key Features:

  • Interactive Hover Previews: Display associated images upon mouse hover for enhanced navigation.
  • Two Design Options: Choose between the dynamic "Cards" layout or the structured "Grid" layout.
  • Mobile Responsiveness: Adapts to mobile devices with a stacked list displaying images alongside links.
  • Extensive Font Settings: Customize typography with a variety of font options and text shadows.
  • Image Customization: Add or remove rounded corners, image shadows, and adjust image ratios.
  • Easy Implementation: Seamlessly integrate the "Hover Image List" into your Shopify store.
  • User-Friendly Customization: Manage and customize your list within the Shopify theme editor.

Use Cases:

  • Product Category Navigation: Visually showcase product categories with representative images.
  • Collection Previews: Provide a sneak peek of collections with eye-catching visuals.
  • Informational Links: Enhance informational links with relevant images for better context.
  • Feature Highlights: Highlight key features or benefits with corresponding visuals.
  • Brand Storytelling: Use images to visually represent different aspects of your brand's story.

How it works:

  1. After purchase check your email for the "Your new Shopify section download is ready" email and download the file to your desktop.
  2. In your Shopify store open the: Themes page. Next to your theme click the menu button with 3 dots and choose: Edit code
  3. When the editor opens click on the Sections folder and choose: Add a new section. Leave the Liquid option checked and name the file: wau-image-list
  4. Copy the contents of the wau-image-list text file that was downloaded into this new section and click save.
  5. Open your theme editor and add the new section to your store, configure your options and click save.