Skip to main content
All CollectionsWidgetsShopping Enhancers
How to Use the Page Transition Widget?
How to Use the Page Transition Widget?

A guide on how to use the Page Transition widget.

Micah Quinto avatar
Written by Micah Quinto
Updated over a week ago

What is a Page Transition Widget?

The Page Transition Widget is a powerful tool that allows you to add dynamic page transitions to your website. These transitions can enhance the user experience and make your website more engaging and visually appealing.

Adding a preloader with your logo to your website can greatly improve the user experience. It gives users something to look at while the page is loading and reinforces your brand.

How Does the Page Transition Widget Work?

The Page Transition Widget works by animating the transition between pages on your website. This means that when a user clicks on a link to navigate to a different page, instead of the page simply loading, the transition widget will animate the change, creating a smooth and seamless transition between pages.

There are a variety of different transition effects that you can choose from, including fades, slides, and flips. You can also customize the duration and direction of the transition to fit the style of your website.


How to Enable/ Disable the Page Transition 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 Page Transition Settings?

STEP 1

Go to your Shopify Admin and select Online Store.

STEP 2

Select your Debutify Shopify theme and click on Customize.

STEP 3

Click on Theme Settings. Select Page Transition to open its settings.

You can add a free logo, insert an image from your device, or upload your SVG logo. To insert a free logo or an image from your device, tap Select Image. You can also adjust the logo width.

STEP 4

Add your desired image and hit Done.

Step 5

Click on Save to apply changes.

Did this answer your question?