OS Property support center

OSP Holiday - OS Property

  • Sande Caplin
  • Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 1 month ago #98338 by Sande Caplin
OSP Holiday - OS Property was created by Sande Caplin
On the property detail pages, there is an agent tab toward the bottom with agent details. The facebook link works, but when we try to enter other social link URLs such as Skype, LinkedIn or Line Messages, the input boxes are limiting the character input so we can't fit the entire URL. ALSO, we've entered Twitter and it looks like the Facebook icon class is hardcoded into what should be showing the Twitter icon.... Most of this, I could resolve on my own if I could find what file is rendering the HTML for that Agent tab at the bottom of the property details page. ... I've searched for it for quite some time and can't find where the tab's contents are rendered.

Any help would be GREATLY appreciated.

Please Log in or Create an account to join the conversation.

More
8 years 1 month ago #98405 by Mr. Dam
Replied by Mr. Dam on topic OSP Holiday - OS Property
Hi Sandre,
Can you please send the screenshot of your property details page here so i can let you know how to make the modification based on your request?
Thanks
Dam

Please Log in or Create an account to join the conversation.

  • Sande Caplin
  • Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 1 month ago #98408 by Sande Caplin
Replied by Sande Caplin on topic OSP Holiday - OS Property
Thank you, I'm sorry for not sending this originally - this would probably be more useful than a screenshot. Here's a link to the development site (a property detail page). The issue is with adding social links for the "agent" showing up in the Agent tab down below the map. ... We're actually trying to add instagram and pinterest, and I understand that those aren't really included, but we could re-purpose the skype or one of the other social link fields except there's a character limit on the fields that won't accept the URL's we're trying to use. Then, the Twitter field is using a Facebook icon class which I'm pretty certain no one on my team would've touch since we can't figure out what file is generating that tab's info.

Thanks in advance for your help!
sandedeveloper.com/amresortsdev/tradewin...cottages-south-24-34

Please Log in or Create an account to join the conversation.

More
8 years 1 month ago #98470 by Mr. Dam
Replied by Mr. Dam on topic OSP Holiday - OS Property
Hi Sande,
As i can see on your site, the Twitter icon is wrong now. In fact, it is quite complicate to solve this kind of issue. Here is the solution.
1. Open file: root > components > com_osproperty > classes > listing.html.php
Find:
Code:
<tr> <td class="left_details_col"> <div class="agent_facebook" style="width:100px;"> <strong><?php echo JText::_('Twitter')?>:</strong> </div> </td> <td class="right_details_col"> <a href="<?php echo $row->agent->aim;?>" target="_blank"><?php echo $row->agent->aim;?></a> </td> </tr>

and change it to

<tr>
<td class="left_details_col">
<div class="agent_twitter" style="width:100px;">
<strong><?php echo JText::_('Twitter')?>:</strong>
</div>
</td>
<td class="right_details_col">
<a href="<?php echo $row->agent->aim;?>" target="_blank"><?php echo $row->agent->aim;?></a>
</td>
</tr>

2. Open file: root > components > com_osproperty > style > frontend_style.css
add
Code:
.agent_twitter{background: url(/../images/assets/twitter_icon.png) no-repeat scroll 0 50% transparent}

and find:
Code:
.agent_phone,.agent_mobile,.agent_fax,.agent_website,.agent_email,.agent_yahoo,.agent_skype,.agent_gtalk,.agent_msn,.agent_facebook,.agent_address{float:left;padding-left:20px;width:100%}

change to
Code:
.agent_linkedin,.agent_linkedin,.agent_phone,.agent_mobile,.agent_fax,.agent_website,.agent_email,.agent_yahoo,.agent_skype,.agent_gtalk,.agent_msn,.agent_facebook,.agent_address{float:left;padding-left:20px;width:100%}

You can do the same for other information.

Thanks
Dam

Please Log in or Create an account to join the conversation.

Moderators: Mr. DamNguyen Phu Quan