Add a live listing of Jim’s divisions to any page with two lines of code. Choose a layout, pick a country, and configure the display using the options below — no further setup required.
Adding the widget to a page
Paste the snippet below into the page where you want the divisions listing to appear. The first line loads the widget; the second line places it on the page. Both lines are required.
<script src="https://cdn.jims.net/divisions-widget/divisions-widget.js" type="module"></script>
<jims-divisions
country="au"
layout="carousel"
variant="tile"
count="3"
></jims-divisions>Options
| Option | Default | Description |
|---|---|---|
country | "au" | Which country’s divisions to display. "au" for Australia, "nz" for New Zealand. |
layout | "grid" | How divisions are arranged. "carousel" scrolls continuously, "grid" shows a fixed number of columns, "masonry" wraps into a flexible layout. |
variant | "tile" | Visual style for each division. "tile" shows a card, "pill" shows a compact badge. |
count | — | For carousel: number of rows (default 3). For grid: number of columns (default 4). Accepts 1–4. Has no effect on masonry. |
order | — | Set to "alphabetical" to list A–Z, or "random" to shuffle each time the page loads. Leave blank to use the default order. |
Reduced motion
If a visitor has reduced motion enabled on their device, the carousel layout automatically switches to a static masonry layout. No configuration needed — the widget handles this on its own.