📘
Starlite documentation
  • Overview
    • 💡Support and documentation
    • ✨Announcement bar
    • ✨Header
    • ✨Slideshow
    • ✨Rich text
    • ✨Featured collection
    • ✨Collections list
    • ✨Contact form
    • ✨Marquee text
    • ✨Collection carousel
    • ✨Image with text (carousel)
    • ✨Collection tabs
    • ✨Collapsible content
    • ✨Images grid
    • ✨Media grid
    • ✨Multiboxes
    • ✨Accordion boxes
    • ✨Logo list
    • ✨Promotional banner
    • ✨Video banner
    • ✨Featured blogs
    • ✨Countdown
    • ✨Map(store locator)
    • ✨Multicolumns
    • ✨Products collage
    • ✨Shop the look
    • ✨Media tabs
    • ✨Testimonials
    • ✨Featured products
    • ✨Featured product
    • ✨Custom liquid
    • ✨Recently viewed products
    • ✨Product menus
    • ✨Images banner
    • ✨Before/After
    • ✨Products with image
    • ✨Featured images
    • ✨Offer card
    • ✨Product short videos
    • ✨Stories
    • ✨Shapes
    • ✨Split banner
    • ✨Blinking icons with text
    • ✨Numbers
    • ✨Featured content
    • ✨Timeline
    • ✨Categories
    • ✨Newsletter
    • ✨Footer
    • ✨Theme settings
    • ✨Age verification popup
    • ✨Information drawer
    • ✨Product comparison
    • ✨Newsletter popup
    • ✨Template product
    • ✨Template default collection
    • ✨Template- Blog
    • ✨Template - Default blog post
    • ✨Template- Cart
    • ✨Recommended sizes for images
  • FAQ
    • Theme updates
    • Support
  • How to setup the presets
    • Set up the demo layouts
  • Echo home page JSON
  • Echo product page JSON
  • Classic home page JSON
  • Classic product page JSON
  • Elegant home page JSON
  • Elegant product page JSON
  • Bright home page JSON
  • Bright product page JSON
  • How to set up the size guide on the product page
Powered by GitBook
On this page
  1. Overview

Product comparison

PreviousInformation drawerNextNewsletter popup

Last updated 10 months ago

Configure the Products comparison

Select the customize theme option. Click on the dropdown menu at the top to select the Home page template.

From the left side menu, towards bottom of the page, select the Product comparison.

Customize the section by utilizing the settings on the right side of the theme editor, as described below:

Image info

This block shows the product image.

SKU

This block shows the product SKU value.

Ratings

This block shows the product ratings.

Discount

This block shows the discount value either in percentage or amount, as selected from the product card settings under the theme settings.

Vendor

This block shows the product vendor name.

Tags

This block shows the product tags.

Weight

This block shows the product weight.

Stock

This block shows the product's inventory.

Description

This block shows the product's short description.

Steps to setup the products comparison

  1. Complete the setup of blocks in Products comparison, as explained in above table.

  2. Go to the theme settings> Product card

  3. Enable the checkbox in front of the setting: Show compare

  4. This will start showing the compare icon on the products grid, as shown below:

  5. Click on 'Compare icon' to add products in the grid.

  6. Click on 'Compare now'

  7. The comparison table popup will open, as shown below:

✨