Skip to main content
  Joomla only 4 5 6

more Custom Source JSON Feed

for YOOtheme Pro

1 1 1 1 1
Rating 5.00 (1 Vote)

Map JSON fields to YOOtheme Pro Dynamic Content.

Cusom sources in YOOtheme Pro need to be defined but every JSON-Feed is unique. With this plugin you can map the fields in the Joomla plugin configuration. The plugin will add your mappings as dynamic content sources in YOOtheme Pro.

Basic example

This example shows a simple JSON array. Simply map the required fields in the plugin settings and use them as a dynamic content source in the builder.

[
  {
    "date": "#01 (1)",
    "cover": "https://domain.com/cover.jpg",
    "title": "Music",
    "artist": "John Miles",
  },
  ...
]
Heute Nacht
#01 (NEU)
Heute Nacht
Helene Fischer
Beauty And A Beat
#02 (1)
Beauty And A Beat
Justin Bieber feat Nicki Minaj
Lush Life
#03 (2)
Lush Life
Zara Larsson
Hate That I Made You Love Me
#04 (NEU)
Hate That I Made You Love Me
Ariana Grande
Dracula
#05 (3)
Dracula
Tame Impala
Trink aus Wir müssen gehen
#01 (NEU)
Trink aus Wir müssen gehen
Die Toten Hosen
The Boys Of Dungeon Lane
#02 (NEU)
The Boys Of Dungeon Lane
Paul McCartney
So muss man gehen  Part 1
#03 (NEU)
So muss man gehen Part 1
Farid Bang
Inferno
#04 (NEU)
Inferno
Boards Of Canada
Dangerous Woman
#05 ()
Dangerous Woman
Ariana Grande

Advanced example

This example uses a panomax camera feed. The camera saves high resolution images as a set of four which makes it possible for us to show 4 individual images next to each other to present the panorama and also include lightboxes for each image.

This is done by either dot.notation like key.child (sizes.0.url) or even searching the array for a param value with key[prop=val] (sizes[resolution=hd].url)

Furthermore (and needed for this example and the shown JSON syntax you can also get subarrays with a wildcard like key.* (also with dot-notation sizes.0.urls.* or value search sizes[resolution=hd].urls.*).

{
  "images": [
    {
      "date": "2026-03-22",
      "sizes": [
        {
          "resolution": "thumb",
          "urls": [
            "https://panodata8.panomax.com/cams/XXXX/2026/03/22/08-00-00_thumb.jpg"
          ]
        },
        {
          "resolution": "hd",
          "urls": [
            "https://panodata8.panomax.com/cams/XXXX/2026/03/22/08-00-00_hd_0_0.jpg",
            "https://panodata8.panomax.com/cams/XXXX/2026/03/22/08-00-00_hd_1_0.jpg",
            "https://panodata8.panomax.com/cams/XXXX/2026/03/22/08-00-00_hd_2_0.jpg",
            "https://panodata8.panomax.com/cams/XXXX/2026/03/22/08-00-00_hd_3_0.jpg"
          ]
    },
    ...
}

Changelog

Version 1.0.0

  • addition
    initial release
Changelog