Shopify theme
  • INTRODUCTION
    • 💡Greeting
      • Discover Demos
      • Buy now
    • ✨Free Support
    • 🛅Changelogs
  • THEME INSTALLATION
    • How To Install themes
    • How to set up another demo?
    • Upgrade theme
  • SHOPIFY KNOWLEDGEBASE
    • User Guide
  • THEME SETTINGS
    • Header
      • Logo & Favicon
      • Announcement bar
      • How to set up Mega menu
    • Footer
    • Typography
    • Color
  • Button
  • Product Cards
  • Color Swatches
  • Wishlist
  • Sections
    • Slideshow v0
    • Slideshow v1
  • Featured collection
  • Featured collection v1
  • Collection list
  • Banner grid v0
  • Banner parallax
  • Banner hero
  • Banner creative v4
  • Marque
  • Testimonials v0
  • Testimonials v1
  • Testimonials v2
  • Blog post v0
  • Blog posts v1
  • Blog post v2
  • Rich text
  • Image with text
  • Compare
  • Image with hotspots
  • Icon with text
  • Icon with text v1
  • Email signup
  • Faqs
    • How to edit checkout page ?
    • How to config Currency & Languages?
    • How to import product?
    • How to add a video ( Media, 3d, Youtube, Vimeo) for the product?
  • Support
    • Theme Support
Powered by GitBook
On this page

Compare

PreviousImage with textNextImage with hotspots

Last updated 11 days ago

Steps

  1. In the theme editor (Customize), click Add section

  2. Locate Compare

  3. Save

The Compare section provides an interactive and visual way to showcase a before and after comparison. This feature allows users to easily compare two images side by side, with a sliding tool that reveals the difference between the two. It's perfect for displaying transformations, product improvements, or any content where a direct comparison is needed, offering a clear and engaging way to highlight changes.

General setting

Heading

Color

Spacing and Custom Attributes