Appearance

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 hover effects enabled. The hover effects are visible when the cursor is placed over the product tiles.

Enable product tile hover effects ​

To enable product tile hover effects:

  1. In the Theme editor, select Theme settings > Product tiles. Refer to Product tiles.

  2. In the Product tiles menu, enable the following options to turn on 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 rises up on hover.

    Note

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

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