Legacy themes
Spark 1.0
Spark 1.0
  • Spark legacy theme
  • Changelog
  • Theme settings
  • Templates
    • Product template
    • Collection pages
    • Articles
  • Sections
    • Announcement bar
    • Header
    • Footer
    • Blog posts
    • Collection list
    • Featured collection row
    • Featured collection
    • Featured product
    • Image with features
    • Image with text
    • Inline features
    • Logo list
    • Map
    • Newsletter
    • Popup
    • Questions and answers
    • Product reviews
    • Quotes
    • Rich text
    • Slideshow
    • Social proof
    • Testimonials
    • Text columns with images
    • Video
    • Video hero
  • Information popup
  • Swatches
Powered by GitBook
On this page
  • Before you add an Information popup
  • Configure your Information popup
  • Settings reference

Information popup

The Information popup displays extra information about your products, like a size guide or other details about your product variants.

Here's an example of an information popup used as a size guide::

Before you add an Information popup

Before you enable your Information popup, you will need to create a page using the Shopify admin.

Using the rich text editor, you can tables, images, links, and other rich text to display in the popup modal.

Pages are a Shopify feature. You can learn more about creating pages from Shopify's documentation.

The information popup is associated with product option that you choose for your product variants.

Variants are a Shopify feature. You can learn more about creating options and variants for your products from Shopify's documentation.

Configure your Information popup

You can add an Information popup as a link beside one your product options (for example, Size, Material or Style)

To set up an Information popup:

STEPS
  1. From your Customize theme editor, scroll to the bottom of the editor and select Theme settings.

  2. Choose the Product section in the theme settings.

  3. Scroll down and change the Option name for information popup

    This name should be the exact name given to one of your variant options.

    Note that the Information popup will appear on any product with this variant option.

  4. Change the Information popup link text.

  1. Use the Select page button to choose the page you have create to display as the popup.

  2. Click Save.

Settings reference

The popup feature has the following settings:

Option name for Information popup

Add the exact option name of your product variants to display a popup link next to.

Information popup link text

Change the link text.

  • [Product pages][product-pages]

Pages
Variants