Add a div on top of the job listing page

Hi @braehler, easy fix would be not modifying template file, you can easily use gutenberg, editor page from wordpress and add your own html code to it on top of [jobs] shortcode.

Hope that answered your question.
Sincerely
Wally.

@inempleo
at first: thanks for the reply.
doing this with gutenberg editor is not the way I want it. I tried editing the page where the shortcode is located and inserting my HTML, but with this, I just get the div element on top of the map.
I need it between the map and the jobs list.
Any ideas where to locate this in the template?

Hi @braehler, yes there is a solution, but you need to override the template file, and search for job filter php file and in that file you can insert your div tag.

Please before touching anything backup your site first.

More detail about override template
https://wpjobmanager.com/document/template-overrides/

Kind regard
Wally

@inempleo
I know I need to override the template, and I tried this as well.
But when I insert the div and the class for the button, the button (which is a pop up button via pure css and html) the button is displayed in every job listing in the list view, as you can see in the screenshot.
Don′t know why this is hapening. Any ideas?

Hi @braehler, as to my understanding you like to show it on top under the map, but only show it one time not in a loop?

@inempleo
yes, I just need it once under the map, not in the loop

Hi @braehler !

Unless the theme you are using has already added some customized templates, the file you are looking for is job-listings-start.php. You need to add the button right above the <ul class="job_listings">.

Does that help?

@bindlegirl

thanks a lot, that was exactley the template I was looking for

I’m happy it worked ??