Skip to main content
All CollectionsWidgetsShop Protectors
How to Enable Product Zooming Widget on Images in the Debutify Theme?
How to Enable Product Zooming Widget on Images in the Debutify Theme?

A guide on how to enable full-screen zoom-in on images in the Debutify theme.

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

The Product Zooming widget allows customers to zoom in for a closer, more detailed view of products. To manage this widget, here's what you need to do.


How to Enable/Disable Product Zooming 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 Product Zooming Settings?

STEP 1

Go to your Shopify Admin. Then select the Online Store menu and click on Themes.

STEP 2

Head to your installed Debutify Theme and click Customize.

STEP 3

Go to the product page.

STEP 4

Select Default product.

STEP 5

Now, go to theme settings. Select product zooming.

STEP 6

Here, you will find two options for the zoom type: Image zoom and full-screen image. Select your preferred zoom type, click on the option you want to activate.

  • The Full-Screen Image option allows customers to click on a product image to see a detailed view in full-screen mode.

  • On the other hand, the Image Zoom option allows customers to hover their cursor over the product image to see a magnified section of it.

STEP 7

For the full-screen image zoom, you can enable or disable the show arrows option.

If the Show arrows option is enabled, your customers can quickly move to the next full-screen image of the product simply by clicking the arrows on the left or right side of the product image.

If the Show arrows option is disabled, customers must click on a product image thumbnail to view it in full screen.

If you opt for Image Zoom, no further customization is needed. Your customers just need to click the magnifying glass icon in the lower right corner of the product image and hover over the product image to see the zoomed-in details.

STEP 8

Click Save to apply the changes.

Did this answer your question?