Skip to main content
All CollectionsWidgets
How to Use the Show Second Image On Hover Widget for Debutify Theme Version 7?
How to Use the Show Second Image On Hover Widget for Debutify Theme Version 7?

A guide on how to use the Show Second Image on Hover widget.

Micah Quinto avatar
Written by Micah Quinto
Updated over 2 months ago

What is the Show Second Image On Hover Widget?

The "Show Second Image On Hover" widget in Debutify Theme Version 7 is a powerful tool designed to elevate the product browsing experience for customers. By effortlessly displaying a second image when users hover over a product, this feature provides a convenient way for brands to showcase additional product angles and details without overwhelming the product page.

Benefits of Using the Show Second Image On Hover Widget:

  • Enhanced Product Visibility: Customers can view additional product angles and details without navigating away from the main product page.

  • Improved Customer Experience: Providing a closer look at the product can lead to increased customer satisfaction and potentially higher conversion rates.

  • Customization Options: Brands can choose which image is displayed upon hovering and adjust the transition speed for a tailored viewing experience.


How to Enable/Disable the Second Image On Hover Widget?

The enablement or disablement of widgets depends on the version of your Debutify Theme. Please follow the correct guide based on your theme version:

How to Enable or Disable the Debutify Theme Widgets on versions 7.1 and above?

STEP 1

Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2

Click on the Theme settings icon.

Click on the Theme settings icon.

STEP 3

Scroll down and locate the Debutify Widgets tabs. You’ll find the following categories:

  • Debutify Free Widgets

  • Debutify Paid Widgets

Expand the relevant widget category by clicking on the arrow next to the tab name.

STEP 4

To enable a widget, check the box next to the widget name. To disable it, simply uncheck the box.

How to Enable or Disable the Debutify Theme Widgets between versions 6.0 and 7.0.2?

STEP 1

Sign in to your Debutify Theme Login Portal at platform.debutify.com, and navigate to the Widgets section.

STEP 2

Choose your widget from the Widgets menu, either by searching or filtering by category.

STEP 3

To enable or disable your chosen widget, click on the toggle switch.

STEP 4

  • To enable the widget, confirm by clicking Enable in the confirmation message that appears.

  • To disable the widget, confirm by clicking Disable in the confirmation message that appears.

Note: Enabling or disabling widgets on Debutify Login Portal is available only in Debutify Theme versions 6.0 to 7.0.2. Please make sure your theme is within this version range to access this feature.


How to Manage Show Second Image On Hover Settings?

STEP 1

Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2

Go to Theme Settings, scroll down, and then locate Show Second Image on Hover.

STEP 3

Check the box if you want to Show second image on hover.

STEP 4

Check the box if you want to Enable functionality for touch screen.

STEP 5

Go to Hover Animation and select your preferred animation style. Choose from three options: None, Fade, or Zoom.

STEP 6

Go to Speed to adjust the animation speed. Choose from three options: High, Medium, or Low.

STEP 7

Check the box if you want to Enable carousel on desktop.

STEP 8

Click Save to apply the changes.

Did this answer your question?