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",
  },
  ...
]
Beauty And A Beat
#01 (1)
Beauty And A Beat
Justin Bieber feat Nicki Minaj
Casa Cuba
#02 (NEU)
Casa Cuba
Cave Amo
Lush Life
#03 (3)
Lush Life
Zara Larsson
Dracula
#04 (4)
Dracula
Tame Impala
Billie Jean
#05 (6)
Billie Jean
Michael Jackson
Alpha DNA
#01 (NEU)
Alpha DNA
Felix Blume
Born To Kill
#02 (NEU)
Born To Kill
Social Distortion
We Love Udo das Udo Lindenberg Tribute Album
#03 (NEU)
We Love Udo das Udo Lindenberg Tribute Album
Various Artists
247
#04 (NEU)
247
Maite Kelly
Sing meinen Song das Tauschkonzert Volume 13
#05 (NEU)
Sing meinen Song das Tauschkonzert Volume 13
Various Artists

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