Skip to main content

How to Change the Size Chart Popup Animation Direction

You can control how the Kiwi size chart popup appears when customers click the Size Chart button.

For example, instead of the popup appearing from the top, you can make it slide in from the right, left, or bottom.

Available Animation Types

Go to:

Kiwi App → Styles & Settings → Modal Styles

Under Animation type, you can choose from:

  • Fade in

  • Fade in & slide in (from top)

  • Fade in & slide in (from bottom)

  • Fade in & slide in (from right)

  • Fade in & slide in (from left)

  • Fade in & scale

How to Make the Popup Slide in From the Right

  1. Open the Kiwi app

  2. Go to Styles & Settings

  3. Open the Modal Styles section

  4. Find Animation type

  5. Select:

    Fade in & slide in (from right)

  6. Save your changes

  7. Refresh your storefront and test the size chart button

The pop-up should now slide in from the right side of the screen instead of appearing from the top.

Important Notes

  • Animation settings apply globally to your modal style

  • Some theme or app conflicts may affect animations

  • If you don’t see changes immediately, test in an incognito/private browser window

Need More Customization?

If you need a fully custom popup behavior or animation beyond the available options, custom theme development may be required.

Did this answer your question?