Info Window Changes

[tburchdesign]

Hi!

I’ve got an open layers map up at https://gulfcoastblenders.com/distributor-map/ it is currently password protected, so you’ll need the password “privateMAP” to access. I’ve got much of it customized to fit the brand and their needs/expectations, but have a few questions.

A couple of questions on the info window.
1) I want to reorder things so that my link, and phone number (description field) come after my custom address 1 and address 2 fields, but before my custom fields for “regions served”.
2) I’d like to reference a font awesome icon using a before pseudoclass for my phone (description) and link fields, but can’t seem to get it to work correctly?
3) I saw you have a built in way to add icons to the custom fields, but if I understand, there is no way to add a link to a custom field, correct? If there was, I would just do everything with custom fields and would be able to easily add icons and change the order to suit!

Thanks in advance –
Travis

[tburchdesign]

I did find an existing question that was similar which included this gist https://gist.github.com/MatthewCodeCabin/a7c4d4032a52cac99979c7c8046325db and I could probably reverse engineer it, but I wasn’t positive, since I don’t have access to that user’s dashboard.

If I understand that code, it’s basically storing the HTML output of the field in a variable, deleting the existing field and reinserting it where we want it? Right?

[Steven]

Hi there,

Thank you so much for getting in touch, we really appreciate your time.

Kindly find my responses below:
1. Might I kindly suggest perhaps using the CSS reordering properties?
– https://gist.github.com/StevenDeBeer/b68729aef55bcf30405520637d9a47a7

2. Could I kindly ask you to try the following CSS to see if this perhaps helps?

.wpgmza_infowindow_link a::before {
font-family: “FontAwesome”;
content: “\f0c1 “;
}

.wpgmza_infowindow_description a::before {
font-family: “FontAwesome”;
content: “\f095”;
}

3. Might I perhaps suggest using standard HTML a links in the custom field? This should turn the custom field into a clickable link as seen in my screenshot below:
– https://imgur.com/a/LFSbi0Z

Kindly let me know if this helps with some of your points?

I look forward to hearing back from you.

Kindest Regards,
Steven De Beer

[tburchdesign]

I’m just going to use custom fields for these since I can use the UI to input the icons natively. I think that will be easiest and I can just hide the other fields. Thanks for your help with this!

[tburchdesign]

Oh! Well now, when I add a link to a custom field, it appends to my site url on the info windows… I guess I could set up a redirect, but any idea why this is happening?

www.gulfcoastblenders.com/distributor-map

[tburchdesign]

Nevermind! It was the double quotes- I put double quotes on the href tag and it seems to fix it if I use a single quote!

[Steven]

Hi again,

Thank you so much for getting back to me.

No problem I am glad to hear you managed to get the link working correctly with single quotes.

Do let me know if you have any other questions as I am always eager to assist.

If you ever have two minutes spare, please consider reviewing the plugin on https://wordpress.org/support/plugin/wp-google-maps/reviews/#new-post it would mean the world to me! (If possible, could I ask you to mention both your name and mine in the review for administrative purposes, this would be a tremendous help!)

Kindest Regards,
Steven De Beer

[tburchdesign]

I’d be happy to write a review you’ve been awesome!

[Steven]

Hi again,

Thank you so much for getting back to me and for the offer, I really appreciate it. 🙂

Do have a great week further!

Kindest Regards,
Steven De Beer

[Author]

Posts