Enable hover effects on product tiles

This guide describes how to enable hover effects on your store's product tiles.

As an example, in the previous video, the product tiles have the Lift, Rotate, and Enlarge effects enabled.

Enable product tile hover effects

To enable product tile hover effects:

1. Go to Customize theme.

2. In Theme editor, select Theme settings > Product Tiles.

   Note

   Refer to Product tiles.

3. In the Product tiles menu, select any of the following checkbox options to enable the corresponding hover effect.

   • Zoom media - the product tile's media item "zooms in" on hover.
   • Enlarge shape - the product tile grows in size on hover.
   • Rotate shape - the product tile rotates on hover.
   • Lift shape - the product tile moves up on hover.

   Note

   You can combine multiple hover effect options to create unique and interesting effects.

4. Adjust the Rotate level or Lift level sliders to make the corresponding effect more or less intense.