Smind Documentation
  • In-app
    • Getting started
    • Library
      • Product blocks
      • Sections
      • Templates
      • Themes
      • Styles
    • My library
    • Page Builder
    • Theme Builder
    • Subscription plans
    • Settings
    • Support
  • Guides
    • Color block and color scheme
    • Enabling account
    • Getting Google Maps iframe
    • Getting TikTok video URL
    • Configuring color swatches
    • Configuring sale badge
    • Configuring size chart
    • Showing social media icons
    • Deleting data
    • Moving Sections
  • Sections
    • Header
    • Product Detail
    • Product Bundles
    • Collection Page
      • Vertical Layout
      • Horizontal Layout
      • Off-Canvas Layout
      • Expand/Collapse Layout
    • Wishlist & Wishlist Page
    • Compare & Compare Page
    • Quick Add
    • Quick View
  • Cart Drawer
    • Estimate Shipping
    • Free Shipping Progress Bar
    • Complementary Product
    • Cart Notes
  • FAQs
    • Why does the section appear on all pages?
    • Why are section layouts broken?
    • Why do spaces appear when hiding the theme's header?
    • How to change default text in sections?
    • How to update sections?
    • How to set the default template for product pages?
    • Why are the sections I installed not showing up in the theme editor?
    • Integrate review scores from other apps.
  • Dev
    • Product detail event
    • Product form event
    • Cart Drawer event
Powered by GitBook
On this page
  • Overview
  • How To Install ?
  • How To Use ?
  • Display Locations of the Wishlist
  1. Sections

Compare & Compare Page

PreviousWishlist & Wishlist PageNextQuick Add

Last updated 2 months ago

Overview

  • The "Compare" section in our app allows customers to view multiple products simultaneously on the "Compare Page", making shopping easier.

How To Install ?

To use the "Compare" section, you need to install the "Compare page" section. Please follow the steps and images below."

  1. From our app, click Library.

  2. In the Sections tab, search for the keyword Compare.

  3. Click the Install button to install the Compare and Compare Page sections.

Note: These section is only compatible with Smind's section. To ensure it works well, please use section of Smind

  1. From the Shopify Editor sidebar, click Add Section in the Global tab.

  2. Search for Compare section and click on it

  1. Create a new template.

  2. Enter the name of new template. For example: Compare. Click Create Template.

  1. From new template you've just created, click Add Section.

  2. Search for Compare Page and click on it.

  1. Go back to your Shopify admin, click Page.

  2. Click Add Page.

  1. Enter the title of the page. For example: Compare page

  2. Choose a template you've just created. For example: Compare template

  3. Under the Visibility, select the Visible for the page. Click Save

  1. Go to Shopify Editor sidebar, click on Compare section under the Global section.

  2. Choose a page you've just created for the compare page. For example: Compare page

After a successful setup, you will see the product you want to compare on the Compare page.

How To Use ?

After adding the Compare section to your theme, the Compare icon will appear on the product. Clicking the icon will add the product to the Compare page.

The 'Compare' is only displayed on our section. If you are not using our sections, it will not be visible.

If you click the Compare icon again, two cases may occur (depending on your settings).

Case 1: The product will be removed from the Compare page.

Case 2: The other is that it will take you to the page Compare page.

When you access the "Compare page", you can view the products on the Compare page and remove them from the comparison list.

Display Locations of the Wishlist

The Compare can be displayed on both desktop and mobile in the following locations.

  1. Header

  1. Product card

  1. Product detail

  1. Quick view

  1. Customer account