Skip to main content
A YOOzeCase Company · v3 build 3.0.26

Smart Grid

The YOOtheme Pro element that thinks it’s a Swiss Army knife

 — and is mostly right about that. One element pulls from four content sources and eight social platforms, then styles, filters, sorts, favourites and plays it all on one beautifully cohesive grid.

“If your last YOOtheme grid element was a rectangle, congratulations — you’ve been dating beneath you.”

1

element

4

content sources

8

social platforms

12

layout presets

Live demo — really live

Try the grid your visitors will

Filter by tag, search as you type, heart your favourites, flip a card, hit play. Everything below is the real interaction model — one media plays at a time, automatically.

↓ Drop the Smart Grid element here

This is the live demo slot. In the builder, drag the Smart Grid element from the A YOOzeCase Company group into this section and pick a content source — it renders the real interactive grid (favourites, tags, search, flip cards, inline players) right here.

Four content sources, zero excuses

Where would you like that data to come from?

Manual items

Click ADD ITEM, fill the fields, drag to order. Every field is per-item: image, title, two buttons, tags, media, spotlight schedule, flip content.

Joomla articles

Pick a category, set a limit, choose ordering. A YouTube or Spotify link inside an article auto-promotes that card to a video card — no extra clicks.

ZOO items

The full ZOO content app at your service. Live AJAX dropdowns of the real elements on your ZOO type. Survives ZOO 3.x, 4.x and locked-down shared hosting.

Social media

Eight platforms, one element. Live posts from whichever account you feature. Most are free; the one paid path uses Apify’s free tier.
The social media lineup

Eight platforms. One element.

We did the research so you can ignore it forever.

YouTube

Official Google Data API · free 10k/day

Bluesky

Public AT Protocol · no auth

Mastodon

Per-instance public API · no auth

Reddit

Native JSON · hot/new/top/rising

Vimeo

RSS (zero-setup) or API token

Spotify

Client Credentials · inline player

SoundCloud

Public RSS · inline widget

TikTok

Apify or official Display API

Twelve presets that don’t make you cry

One click to a coordinated baseline

01

Default Grid

02

Horizontal Image Left

03

Horizontal Image Right

04

Magazine / Editorial

05

Cards / Tiles

06

List / Compact

07

Hero Spotlight

08

Podcast / Audio Feed

09

Advertisement

10

News Feed

11

Gallery

12

Custom

Cards that actually pop

Cards with ideas above their station

Flip cards

Click or hover to rotate to a back face with title, body, image and CTA. Word count auto-sizes the text; auto-contrast picks the readable colour.

Star ratings

A 5-star widget on every card. For ZOO items the average and count write back to ZOO Number elements — your ratings live in your CMS.

Spotlight items

Promote any item to a dedicated tier: bigger size, custom badges, animated borders, glow rings, drop shadows and date schedules.

Glass + adaptive

Default, frosted Glass over hero images, or Adaptive — the card background samples its image’s dominant colour with contrasting text picked for you.

Favourites

Every card gets a heart. Logged-in visitors save to a per-user table and filter to just their favourites. Logged-out users get a friendly nudge.

Live search & tags

Type-as-you-type filtering across title, content, meta and tags, plus a filter chip for every unique tag. No reload, no round-trip.

Built like it should be

Built against the real shared-hosting hellscape

Most plugins look great in the demo and crumble on real hosting. This one shipped with receipts.

Self-healing tables

Every AJAX call runs CREATE TABLE IF NOT EXISTS first — because installer scripts silently fail on some shared hosts.

Three-tier HTTP fetch

Joomla HttpFactory → cURL → file_get_contents. We have seen HttpFactory return zero-byte bodies, and we will not gaslight you about it.

Stale-cache fallback

If an API blinks, you get the previously cached payload instead of an empty grid. Your visitors never see the outage.

Hardened by default

SSRF guard on every server fetch, CSRF-checked favourite & rating writes, TLS never silently downgraded. Independent review passed.

Diagnostic mode

Append ?sgdebug=1 to any URL for a full inspection comment: every source decision, cache hit and API call.

Speaks six languages

English, Dutch, German, French, Spanish and Italian — visitor-facing dates localise themselves automatically.

Get started in five minutes

About as long as it takes to make a coffee

  1. Download the install zip from your YOOzeCase account.
  2. Install via Joomla → Extensions → Manage. Drag the zip, click Upload.
  3. Drag the Smart Grid element from the A YOOzeCase Company group onto a page.
  4. Pick a source — manual items, a YouTube handle, or a Joomla category.
  5. Pick a preset, save, and admire your handiwork on the front-end.

The most epic YOOtheme Pro element ever, said the YOOzeCase team without any external corroboration whatsoever.

Try it and find out which of those things is true.