Product Launch Event - 20% Off for 500 Early Birds

Piotnet Image Comparison

Piotnet image comparison feature that visually compares a pair of images by customizing Horizontal or Vertical Orientation

Demonstration

Tutorials

Step 1:

In the Bricks Panel, find the Piotnet Image Comparison

Step 2:

Click on that element > Content Tab > Images > Upload both Before Image and After Image

Click on Options > customize the options:

  • Offset Percent: displayed percent of the images when the page loads (%)
  • Orientation: there are two types, Horizontal and Vertical
  • Before Label
  • After Label
  • Overlay
  • Move with handle only

Step 3:

You can customize the Bricks Style Tabs for Layout, Typography, Background, Border/Box Shadow, Gradient/Overlay, Transform, CSS and Attributes.