View Product Page

Pin info modal settings

To set the store information that you want to show in the modal on the map, go to Store locator page > Map > Pin info modal settings.

To start configuring the info modal options, you must first enable the option Show the info modals.

Show info modal
  • Open the modal at: choose if you want to show the modal when users Click on pin or Mouse hover.
  • Modal width: set the width of the modal (in px). Based on the value you insert, the height will apply dynamically.
  • Modal colors: choose the colors for the background and the text of the pin modal.
  • Border radius: set if you want to show a circle box rather than the rectangular box. For the latter, set to 0.
  • Show store name: enable to show the name of the store.
  • Show store description: enable to show the description of the store.
  • Show store address: enable to show the address of the store.
  • Show store contact info: enable to show the contact info of the store.
  • Show Get directionslink: enable to show the link for the directions.
  • Show contact link: enable to show the contact link of the store.
  • Show “Visit website” link: enable to show the link of the site.
Pin info modal settings

Pin info modal example

Pin info modal on frontend