Recruitment Marketing Public
You can configure a jobs search form with options for different filters and results layouts.
This block type is only available for use on a:
- Job Page
- Search Page
- Blog Post Page
- Candidate Settings Page
- Not Found Page
- Forbidden Page
Accessing the Page Editor
To access the Page Editor for these pages:
- From the side menu, under Content, click Web Pages.
- Click the Careers Website tab.
- In the Settings section, click the relevant item, e.g. Search Page.
Adding a job search results block
- In the Page Editor, click the Add Row icon to add a row of the relevant dimensions. Alternatively, if a Job Search Results block already exists, navigate to it and click the Edit Block button.
- Within that row, click the Add Block button.
- Select Job Search Results from the drop-down.
- Click the Edit Block button.
- In the Job Search Results pop-up, configure as required using the following sections. Refer below for design options.
-
Filters - The available fields are:
- Workplace Types (Remote, Hybrid, On Site)
- Department
- Category
- Category Group
- Employment type
- Level
- City
- State
- Country
- Location
- Location Group
- Requisition Identifier
- Opening at (date/time)
- Opening on (date)
- Closing at (date/time)
- Closing on (date)
- Remote (To be removed)
- Hybrid (To be removed)
-
Configuration options:
-
Filter values: Choose whether to show all filters or just those currently assigned to posted jobs.
- Counts: Choose whether the counts should remain static based on posted jobs or change based on selected filters.
-
Filter values: Choose whether to show all filters or just those currently assigned to posted jobs.
-
Layout - The available options are:
- Filter layout
- Results layout
- Location format
- Sort by
- Job results displayed per page
- Pagination position: Indicates whether to show results count and pagination controls above or below the search results.
- Enable "clear all filters"
- Enable "Sort by:" dropdown
- Enable active filters: Indicates whether the name of the selected filters is displayed below the keyword search box. Only available when using desktop filter layout.
- Display counts
-
Search form:
- Enable "Jobs Near Me"
- Search button text?
- Advanced with CSS Class settings
-
Filters - The available fields are:
- Click the Save button to keep the settings.
Design options
Filter Layouts
Side Panel
Dropdowns
Configuring drop-down filter size
By default, it is configured for 5 filters.
To adjust the drop-down size for 3 filters, add the following to your page's theme CSS:
.job-search-results-dropdown-filter-col { flex: 33%; max-width: 33%; }
Results Layout
Table Layout
Card Layout
Configuring card columns
By default, there are two columns of job cards if the screen width is larger than 576px, below this, it has a single column.
Adding some CSS to your page's theme can change the number of columns. The number of columns is responsive, and you can configure a different number of columns at different screen widths. In this case, it's 4 columns above 992px and 3 columns above 576px.
@media (min-width: 576px) { .job-search-results-card-col { flex: 0 0 33%; max-width: 33%; } } @media (min-width: 992px) { .job-search-results-card-col { flex: 0 0 25%; max-width: 25%; } }
The breakpoints you should use for configuring when to change the number of columns are 576px, 768px, 992px & 1200px.
Comments
Article is closed for comments.