New home › Forums › Pro Add-on › Troubleshooting › Info Window Changes
Tagged: infoWindow, JavaScript
- This topic has 8 replies, 2 voices, and was last updated 2 years, 6 months ago by Steven.
-
AuthorPosts
-
June 1, 2021 at 7:47 pm #69236tburchdesignParticipant
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 –
TravisJune 1, 2021 at 7:58 pm #69239tburchdesignParticipantI 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?
June 2, 2021 at 8:53 am #69247StevenModeratorHi 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/b68729aef55bcf30405520637d9a47a72. 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/LFSbi0ZKindly let me know if this helps with some of your points?
I look forward to hearing back from you.
Kindest Regards,
Steven De BeerJune 2, 2021 at 5:01 pm #69272tburchdesignParticipantI’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!
June 2, 2021 at 6:32 pm #69278tburchdesignParticipantOh! 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
June 2, 2021 at 6:59 pm #69279tburchdesignParticipantNevermind! 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!
June 3, 2021 at 6:46 am #69284StevenModeratorHi 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 BeerJune 3, 2021 at 4:08 pm #69286tburchdesignParticipantI’d be happy to write a review you’ve been awesome!
June 3, 2021 at 4:32 pm #69291StevenModeratorHi 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 -
AuthorPosts
- You must be logged in to reply to this topic.