Novatheme Document
  • Overview
  • Installation
    • Theme Installation
    • For Development
  • Theme settings
    • Typography
    • Color Schemes
    • Layout
    • Product cards
    • Search Behavior
    • Mobile Settings
  • Sections
    • Header
    • Megamenu
    • Footer
    • Slideshow
    • Multicolumn
    • Media Grid
    • Image Hotspot
    • Media With Text
    • Image Comparison
    • Filter Builder
    • Popup
  • Pages & templates
    • Product page
    • Collection page
    • About Us
    • FAQs Page
    • Wishlist
Powered by GitBook
On this page
  1. Sections

Image Comparison

Image Comparison allows customers to compare two images (typically before and after) by sliding between them.

PreviousMedia With TextNextFilter Builder

Last updated 3 months ago

Setting Up the Image Comparison Section

  1. Navigate to the Theme Editor: From your Shopify admin dashboard, go to Online Store and click on Themes. Find the Nova theme and click Customize.

  2. Add the Image Comparison Section: In the Theme editor sidebar, click Add section. Scroll to and select the Image Comparison section.

  3. Add blocks: Once the section is added, you can add the number of blocks types:

  1. Section settings: Bellow is example section config for Image Comparison like our demo:

This feature is particularly useful for showing product transformations, detailed product comparisons, or highlighting key differences, such as product upgrades, color variations, or features.