Skip to main content
PitchPrint application has an inbuilt help-tip bubble that shows on certain UI elements when users mouse over them. An example is on the Submit button:
Help-tip bubble appearing on mouse over of the Submit button
You can add this to your UI elements by following these steps:
1

Open the layouts section

Log unto the layout section: ttps://pitchprint.net/admin/layouts
2

Find the element in your layout

Select your layout and search for the element you want the help-tip to appear on.
3

Add the help-tip attributes

Add the following html attribute to that element:data-tip=“Sample Tip Message” anchor=“b”
4

Save and test the tip

Save the layout and load your product page, mouse over the element and see it appears.
  • data-tip attribute is the message that will appear.
  • The anchor is set to b. You can set it to l = left, t = top, b = bottom, r = right. It simply defines the orientation of the help-tip.