Want to add a badge as an overlay on the images on a listing

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
November 27, 2019 at 11:05 am #518859

Kelly Noble
Free User

Post count: 12

Hiya

My client has requested that we add the ability to attach a custom badge as an overlay on the images of a business listing. I have added a couple of screen captures as a demo.

The badge that will be overlaying the images will be selected based on the business type the listing owner selects in their listing. In our case we have four type of business listings. We want the badge to be selected based on the business type.

In the one image you can see a field in the edit listing page called IChooseSA Business Type. Whatever gets selected here will be placed as an image that overlays the images. I don’t care if the badge has to be somewhere else, as long as it is prominent on the Business (Place) listing.

Both of the images I have attached will give an example of what we want.

I would appreciate any help I can get on this.

November 27, 2019 at 1:09 pm #518869

Kor
Moderator

Post count: 16516

Hi Kelly Noble,

Thanks for your post. Could you try inserting some badges first, then, try the method from this section of the documentation https://wpgeodirectory.com/docs-v2/design/gd-badge/#badge-classes

Thanks!

November 27, 2019 at 2:02 pm #518875

Kelly Noble
Free User

Post count: 12

I am sorry Kor but I don’t know where I could insert the badge. I am trying to setup a badge in Custom Fields without success. I have tried adding a badge in the Tabs, but I cannot see it on a listing.

Basically all I want is for a badge to appear that announces what type of business it is based on what the listing owner puts in a certain field. I have added this code in a field under business tabs under Tabs

[gd_post_badge key=”business_type” condition=”is_equal” search=”SA Owned & Operated Business” badge=”SA Owned & Operated Business” bg_color=”#0073aa” txt_color=”#ffffff”]

I obviously do not know what I am doing 🙁

November 28, 2019 at 12:03 am #518925

Guust
Moderator

Post count: 29970

You need to add the badge element to the GD Detail template page, then adjust the CSS to make it position where you want it.

Thanks

November 28, 2019 at 12:04 am #518926

Alex Rollin
Moderator

Post count: 27815

If I understand it correctly the image you posted is of a ‘mini listing’ which we call the “Archive Item” and to add a badge to that you want to edit the Archive Item template.

This doc will introduce you with that template and how to edit it:
https://wpgeodirectory.com/docs-v2/templates/archive-item/

The main “Profile” page is called the “Details template”.
Author

Posts