Skip to main content

Vacancies

The Vacancies widget allows you to showcase job openings in a visual layout. Each vacancy card can include a job title, relevant details such as location or hours, and a button linking to more information or an application form.

note

Custom widgets are described as they are defined for our standard (Mosaic) front-end theme. If the description does not match what you see on the screen, this is due to further customization that has been carried out specifically for your webshop's theme.

  • Under Vacancies display view, choose how the vacancies are shown.
    • In Grid view, the cards are displayed side by side.
    • In List view, the cards are stacked vertically.
  • Each vacancy is set up as a separate card. Click + ITEM for every vacancy you want to add. You can add as many vacancies as needed.
note

You can delete the most recently added vacancy by clicking - LAST ITEM. Any vacancy also has a button at the end of the list of fields with the word ITEM and an icon of a trash can: click this to delete the vacancy.

Vacancies​

Each vacancy has the following settings.

  • The Job title is shown as the heading on the vacancy card. If no title is set, the card will not have a heading.
  • The Button text is the text shown on the call-to-action button at the bottom of the vacancy card.
  • The Button link determines where the button links to (this can be a CMS page or an external URL).
  • The Button type determines the visual styling of the button (Primary, Secondary, Default or Link). The choice that you make is translated to an actual color on the basis of your front-end's style sheet.
  • If you provide a Button anchor ID, this can be used for e.g. scrolling to another part of the page.
  • Under Job descriptions, a list is maintained of key job characteristics (e.g. hours, location, department). Click + ROW to add a job description. Each item includes:
    • The DESCRIPTION TITLE is always shown.
    • A Font Awesome DESCRIPTION TITLE ICON can be added, that is shown in front of the title. Use the Font Awesome names (e.g. map-marker, clock).
    • The DESCRIPTION VALUE text is shown below the title. It is typically used for short explanations.
note

If no button link or text is provided, the button will not be shown.