Questions about Store Locator customization

Ask the Community Customization
3

Hey there and welcome aboard, @Ignacio_Brito :waving_hand:

  1. You’d like to change the color of the active marker, right? If so, please add this code to the Custom CSS field on the Style tab of your widget’s settings:
.global-styles,
[class*="elfsight_map"].active [class*="marker__Container-sc"] svg path {
  fill: red !important;
}

If you’d like to see this functionality as a built-in option, please upvote this Wishlist idea - Option to change the color of the cohose marker

  1. To display the location popup on marker hover, please add this code to the Custom JS field on the Settings tab of your widget’s settings:
document.addEventListener("mouseover", ({ target }) => {
  const marker = target.closest(".maplibregl-marker");
  marker?.click();
});

Note: Custom JS doesn’t function in the preview mode, so you can check the result right on your website or through the Share Link


Please try it out and let me know if the solutions worked :wink: