Add a Tooltip to Product Options

Follow

Overview

A tooltip is a blurb of text that appears underneath your options on a product page. It is meant to be used as helpful text or instructions for your customers. You can set this text when creating an option set.

To add a tooltip, please follow these steps:

  1. From Shopify's admin, select Apps.

    Select the Apps option on the left-hand side of your Shopify admin

  2. Select Product Options by Bold.

    Select Product Options by Bold from your list of apps

  3. Select Settings.

    From the Product Options navigation bar, select Settings

  4. Select Frontend Settings.

    From the Settings dropdown menu, select Frontend Settings

  5. Under "Option Help Text Display Settings", select Help TextTooltip or Off.

    Picture showing a section of the settings titled Option Help Text Display Settings, with three options: help text, tooltip, off

    • Help Text: Option help text will be displayed as text below the option.

      Note: 'Radio Buttons' are the type of option being used in this example. The help text may look different on your store depending on which option type you choose.

      Picture shows a Shopify store product with example help text, which says please select your size, located underneath the product's size options

    • Tooltip: Option help text will be shown as a tooltip while hovering over the option.

      Note: 'Radio Buttons' are the type of option being used in this example. The tooltip may look different on your store depending on which option type you choose.

      Picture shows a Shopify store product with an information tag that has text saying please select your size, located above the product's size options

    • Off: Option help text will not be shown.

      Picture shows a Shopify store product with the product title, product image, price, and size options 

  6. Select Save.

    Select the save button in the bottom-right corner of the Language Settings section

Helpful Links:

2 out of 3 found this helpful

Comments

0 comments

Please sign in to leave a comment.