Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
// used for creating HTML labels for Ad Types
public function getAdTypeLabelHtml()
{
$adTypeLabelHtml = '';
if ($this->ad_type == 'for_sale')
{
$adTypeLabelHtml = '<span class="label label--green label--casForSale">' . \XF::phraseDeferred('xa_cas_for_sale') . '</span>';
}
else if ($this->ad_type == 'for_rent')
{
$adTypeLabelHtml = '<span class="label label--olive label--casForRent">' . \XF::phraseDeferred('xa_cas_for_rent') . '</span>';
}
else if ($this->ad_type == 'for_loan')
{
$adTypeLabelHtml = '<span class="label label--olive label--casForLoan">' . \XF::phraseDeferred('xa_cas_for_loan') . '</span>';
}
else if ($this->ad_type == 'for_trade')
{
$adTypeLabelHtml = '<span class="label label--orange label--casForTrade">' . \XF::phraseDeferred('xa_cas_for_trade') . '</span>';
}
else if ($this->ad_type == 'free')
{
$adTypeLabelHtml = '<span class="label label--lightGreen label--casFree">' . \XF::phraseDeferred('xa_cas_free') . '</span>';
}
else if ($this->ad_type == 'wanted')
{
$adTypeLabelHtml = '<span class="label label--red label--casWanted">' . \XF::phraseDeferred('xa_cas_wanted') . '</span>';
}
else if ($this->ad_type == 'service')
{
$adTypeLabelHtml = '<span class="label label--royalBlue label--casService">' . \XF::phraseDeferred('xa_cas_service') . '</span>';
}
else if ($this->ad_type == 'job')
{
$adTypeLabelHtml = '<span class="label label--skyBlue label--casJob">' . \XF::phraseDeferred('xa_cas_job') . '</span>';
}
else if ($this->ad_type == 'announcement')
{
$adTypeLabelHtml = '<span class="label label--yellow label--casAnnouncement">' . \XF::phraseDeferred('xa_cas_announcement') . '</span>';
}
return $adTypeLabelHtml;
}
This should do the trick. I've added some CAS specific Label Classes that you can target for each Ad Type Label:
And here you can see how they are applied in the getAdTypeLabelHtml() function in the Ad Entity.
- label--casForSale
- label--casForRent
- label--casForLoan
- label--casForTrade
- label--casFree
- label--casWanted
- label--casService
- label--casJob
- label--casAnnouncement
PHP:// used for creating HTML labels for Ad Types public function getAdTypeLabelHtml() { $adTypeLabelHtml = ''; if ($this->ad_type == 'for_sale') { $adTypeLabelHtml = '<span class="label label--green label--casForSale">' . \XF::phraseDeferred('xa_cas_for_sale') . '</span>'; } else if ($this->ad_type == 'for_rent') { $adTypeLabelHtml = '<span class="label label--olive label--casForRent">' . \XF::phraseDeferred('xa_cas_for_rent') . '</span>'; } else if ($this->ad_type == 'for_loan') { $adTypeLabelHtml = '<span class="label label--olive label--casForLoan">' . \XF::phraseDeferred('xa_cas_for_loan') . '</span>'; } else if ($this->ad_type == 'for_trade') { $adTypeLabelHtml = '<span class="label label--orange label--casForTrade">' . \XF::phraseDeferred('xa_cas_for_trade') . '</span>'; } else if ($this->ad_type == 'free') { $adTypeLabelHtml = '<span class="label label--lightGreen label--casFree">' . \XF::phraseDeferred('xa_cas_free') . '</span>'; } else if ($this->ad_type == 'wanted') { $adTypeLabelHtml = '<span class="label label--red label--casWanted">' . \XF::phraseDeferred('xa_cas_wanted') . '</span>'; } else if ($this->ad_type == 'service') { $adTypeLabelHtml = '<span class="label label--royalBlue label--casService">' . \XF::phraseDeferred('xa_cas_service') . '</span>'; } else if ($this->ad_type == 'job') { $adTypeLabelHtml = '<span class="label label--skyBlue label--casJob">' . \XF::phraseDeferred('xa_cas_job') . '</span>'; } else if ($this->ad_type == 'announcement') { $adTypeLabelHtml = '<span class="label label--yellow label--casAnnouncement">' . \XF::phraseDeferred('xa_cas_announcement') . '</span>'; } return $adTypeLabelHtml; }
I KNEW there was something I had to do this AM...glad you got things sortedNever mind guys, I was able to figure it out.
Thank you!
I KNEW there was something I had to do this AM...glad you got things sorted
.label
{
&:before
{
padding-right: 4px;
.m-faBase();
}
&.label--
{
&casFree:before
{
.m-faContent(@fa-var-hands-heart);
}
&casFree { .m-labelVariation(#120F12, #ccf9c8, #a9d5a5); } // lightGreen
&casWanted:before
{
.m-faContent(@fa-var-binoculars);
}
&casWanted { .m-labelVariation(#120F12, #FFB86C, #d38028); } // orange
&casForTrade:before
{
.m-faContent(@fa-var-handshake);
}
&casForTrade { .m-labelVariation(#120F12, #8BE9FD, #4dc7e1); } // blue
}
}
I THINK for CAS 2.3 (or 3.0), I've added Style Properties for each Ad Status, so that Ad Status can be colored on a per style basis. Bit easier than php edits and or extra less. Reason I say THINK as I am working on so many different versions of addons right now lolWhen I have a little more time I'll try to find a way so I'm not editing the php to remove defaults, maybe just a matter of playing with css.
XenAddons Product Manager aka XAPM (new store) is getting closer and closer. Once its at least to a point where license holders can download, I think I will upgrade this site to XF2. Purchasing can always be handled via PP Invoicing until I have the available time to work on the purchasing side of things.** Where are all the fun post reactions? Xen 1 is missing all the fun