Start a new topic
Answered

How to add large icons to the public contact list?

I added about 10 additional fields to the contact list link section (facebook, twitter, youtube, etc.). I added the smaller icons, with no problem, but how do I add the larger icons that will actually show on the listing? Is it a widget? I am completely stomped and support won't help me, directing me here.

Their directions: The files for the new icons can be saved in the FTP images folder. However it is not enough just to upload these images, you would need to customize the code so that the system will pull these icons when a member populates these fields. In order to enter the custom code you must make the edits directly on the membership features section of the admin. Simply edit the Page loop section of the "Listing" feature.


HELP!!!!


Best Answer

Hi Edward, 

We will more than glad to assist you.


***I added about 10 additional fields to the contact list link section (facebook, twitter, youtube, etc.). I added the smaller icons, with no problem, but how do I add the larger icons that will actually show on the listing? Is it a widget?


Yes it is a widget, please go to Toolbox >> Widget Manager >> and find the widget: "Profile Overview Tab". Then click on "Edit "



Please make sure that you're editing the Profile Overview Tab Widget. 

Create a backup, before you make any change please copy the "Widget Code" and paste it in a Notepad. 

Then find the words: "Online Profiles" and add the new tabs (See image below).  

Save the changes and go to your listing profile and page and take a look if the new field are appearing.  

If not, please let me know and I'll take a look for you :)



***Their directions: The files for the new icons can be saved in the FTP images folder. However it is not enough just to upload these images, you would need to customize the code so that the system will pull these icons when a member populates these fields. In order to enter the custom code you must make the edits directly on the membership features section of the admin. Simply edit the Page loop section of the "Listing" feature.


Please navigate to Toolbox >> File Manager >> Images >> Upload (Upload all the images you need and copy the name of each image).



For example: 

If you upload an image called: "blog.png" (Please remember this name). 

Then go to Toolbox >> Form Manager  >> Listing - Contact >> Scroll down and find the new fields you already added. 

For example: 

If one of the new fields I added is called: "Blog", I need to go to the "Field Type" and paste this code: 


Google+ Profile <img src="/images/blog.png" style="vertical-align:middle;margin-left:8px;width:16px;">     


As you can see in the code, we're telling the system that find in the folder "Images" and image called "blog.png".

Now the new image will be displaying on your Contact Form.    


 

Let me know if you have further questions! 


We are always happy to help! :) 



1 Comment

Answer

Hi Edward, 

We will more than glad to assist you.


***I added about 10 additional fields to the contact list link section (facebook, twitter, youtube, etc.). I added the smaller icons, with no problem, but how do I add the larger icons that will actually show on the listing? Is it a widget?


Yes it is a widget, please go to Toolbox >> Widget Manager >> and find the widget: "Profile Overview Tab". Then click on "Edit "



Please make sure that you're editing the Profile Overview Tab Widget. 

Create a backup, before you make any change please copy the "Widget Code" and paste it in a Notepad. 

Then find the words: "Online Profiles" and add the new tabs (See image below).  

Save the changes and go to your listing profile and page and take a look if the new field are appearing.  

If not, please let me know and I'll take a look for you :)



***Their directions: The files for the new icons can be saved in the FTP images folder. However it is not enough just to upload these images, you would need to customize the code so that the system will pull these icons when a member populates these fields. In order to enter the custom code you must make the edits directly on the membership features section of the admin. Simply edit the Page loop section of the "Listing" feature.


Please navigate to Toolbox >> File Manager >> Images >> Upload (Upload all the images you need and copy the name of each image).



For example: 

If you upload an image called: "blog.png" (Please remember this name). 

Then go to Toolbox >> Form Manager  >> Listing - Contact >> Scroll down and find the new fields you already added. 

For example: 

If one of the new fields I added is called: "Blog", I need to go to the "Field Type" and paste this code: 


Google+ Profile <img src="/images/blog.png" style="vertical-align:middle;margin-left:8px;width:16px;">     


As you can see in the code, we're telling the system that find in the folder "Images" and image called "blog.png".

Now the new image will be displaying on your Contact Form.    


 

Let me know if you have further questions! 


We are always happy to help! :)