Introducing Stiletto - the essential Shopify theme to fuel your ecommerce growth. Learn more.

Information popup

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

Create a page for your popup content

Before you enable your Information popup, you will need to create a page (or multiple pages for multiple products) using the Shopify admin.

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

Example of Shopify page with size chart content
Example of Shopify page with size chart content

Pages are a Shopify feature. To learn more, see Shopify's Pages manual.

Set up information popup

You can add an Information popup as a link beside one your product options (for example, Size, Material or Style). To enable the information popup, you will need to add your product option name to the theme editor.

To show different pages for different products, learn how to create multiple templates or use dynamic sources.

Steps

In your theme editor (Customize):

  1. Select a Products template to edit.

  2. In the Product overview section, click on the Variant picker block.

  3. Enter the exact Option name for one of your product variants. For example: "Size".

    The Information popup will appear on any product with this product option.

  4. Change the Information popup link text.

  5. Use the Select page button to choose the page you have created to display as the popup.

    To show different pages for different products, learn how to create multiple templates or use dynamic sources.

  6. Click Save.

Information Popup settings

The information popup has the following settings:

Configuration Settings

Option name for Information popup

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

Change the label for the clickable link that opens the popup.

Information popup content

Select the page you have created in your Shopify Admin for the popup content.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.