• REGISTRATION REQUIREMENTS:

    Your username here MUST MATCH your XenForo username (connected to your XF license).

    Once you have registered here, then you need to start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

Implemented CSS Classes for CAS Ad Type Labels

This suggestion has been implemented. Votes are no longer accepted.
This should do the trick. I've added some CAS specific Label Classes that you can target for each Ad Type Label:
  • label--casForSale
  • label--casForRent
  • label--casForLoan
  • label--casForTrade
  • label--casFree
  • label--casWanted
  • label--casService
  • label--casJob
  • label--casAnnouncement
And here you can see how they are applied in the getAdTypeLabelHtml() function in the Ad Entity.

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;
    }
 
For any wondering what this can be used for, this is an example of three of the different types using FA icons for the transaction type (yes, the one image somewhat shows that already I gave).
It works like a champ and adds just a touch of "pizz-azz" to the ads.

Screen Shot 2023-10-04 at 8.19.57 PM.png
 
Bob said:
This should do the trick. I've added some CAS specific Label Classes that you can target for each Ad Type Label:
  • label--casForSale
  • label--casForRent
  • label--casForLoan
  • label--casForTrade
  • label--casFree
  • label--casWanted
  • label--casService
  • label--casJob
  • label--casAnnouncement
And here you can see how they are applied in the getAdTypeLabelHtml() function in the Ad Entity.

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;
    }
Click to expand...

Is this hard coded in a php file? Sorry I'm a little lost as I don't have access to the whole conversation. I've been looking/searching into templates for a while and could not find it. Which brought me here. Can you shed a light on how I can edit/override the default values in getAdTypeLabelHtml() ? or is that a php callback that I can run on a template edit?

Thanks!
 
Last edited:
Never mind guys, I was able to figure it out.

Thank you!
 
  • Like
Reactions: Bob
Bob said:
I KNEW there was something I had to do this AM...glad you got things sorted ;)
Click to expand...

Took me a while to figure out that you where referring to the php file, I removed default labels that was conflicting with my edit and got it working beautifully.

When 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.

Here is how it looks if someone is looking for inspiration lol:
CAS-labels.png

And for those interested here is how I applied colors and icons:
Code: 
.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
    }
}
 
Last edited:
  • Like
Reactions: Bob
gldtn said:
When 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.
Click to expand...
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 lol
 
It's always nice to get those extra details, I know a lot of people won't touch PHP files.

** Where are all the fun post reactions? Xen 1 is missing all the fun :p
 
Last edited:
gldtn said:
** Where are all the fun post reactions? Xen 1 is missing all the fun :p
Click to expand...
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.
 
Bob said:
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.
Click to expand...
Where can I find XAPM ?
 
You must log in or register to reply here.

Similar threads

M
  • Suggestion Suggestion
Implemented Include the Ad Type in emails (in the subject line and or in the H2 Title).
Replies
2
Views
139
Bob
Bob
Bob
  • Suggestion Suggestion
Implemented Activity Log Handler and Trending Content Handler for Classified Ads
Replies
0
Views
155
Bob
Bob
Mouth
  • Suggestion Suggestion
Implemented Option: Featured ads display type - Grid Block
Replies
1
Views
200
Bob
Bob
Bob
  • Suggestion Suggestion
Implemented Embed your Classified Ad Content Anywhere
Replies
0
Views
434
Bob
Bob
Bob
  • Suggestion Suggestion
Implemented Beta Convert Thread to Classified Ad
Replies
8
Views
1K
spk100
S
Back
Top