---
title: "Smart Grid Demo"
description: "Premium plugins, extensions and YOOtheme Pro elements for WordPress and Joomla. A YOOzeCase Company: polished tools built for usability and performance."
url: "https://www.yoozecase.com/smart-grid-demo?pdpage_ycgrid_16=2&pdpage_ycgrid_5=1"
date: "2026-10-08T08:15:19+00:00"
language: "en-GB"
---

A YOOzeCase Company · v4 build 4.3.2

##  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.

 [ Get Smart Grid ](https://www.yoozecase.com/smart-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 love

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. Spotlight a item so it will grab the visitors attention.

 ![Look at me I am in the Spotlight](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/photo-1531297484001-80022131f5a1.jpg)

 ![Look at me I am in the Spotlight](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/photo-1531297484001-80022131f5a1.jpg)

 Spotlight### [Look at me I am in the Spotlight](https://www.yoozecase.com/smart-grid-demo-look-at-me-i-am-in-the-spotlight?app_id=2)

Some items deserve more room than the rest. Spotlight is how you give it to them without building a second grid. Switch it on in the Smart Grid settings and you get a separate class of card. Bigger, bordered, badged, and placed where people look first. Choosing what gets featured. Five ways, and they stack: Tick Spotlight on any manual card. Paste a comma separated list of article or ZOO item IDs. Auto-promote first N items, so whatever is newest leads the page and you never touch the setting again. Auto-promote by tag. Type featured, hot and any item carrying one of those tags gets promoted. On a schedule. Per card you can set a start and end date. With ZOO you point the grid at two date elements; with Joomla articles you can reuse publish up and publish down. An item takes the stage on Monday and quietly drops back into the grid on Friday. Where they go. Either above the grid as its own section (1, 2 or 3 columns) or inside the grid, pinned to the top. Inside mode keeps one flowing layout; above mode reads more like a magazine front page. How big. Every spotlight card claims cells: full width, big (2x2), wide (2x1), tall (1x2), or normal. You set a default for the grid and any single card can override it, so one item can go full width while the other two sit as 2x1 tiles next to each other. On phones every size collapses to one column, so nothing gets squashed. You can also fix the image height for spotlight cards only, leaving the rest of the grid alone. How they look. Border style, width and colour. An animated running border if you want movement, with three speeds. A coloured glow with adjustable size. A drop shadow with its own colour, offset, blur and spread. Corner radius. All of it applies to spotlight cards only. The badge. Default text is "Spotlight", but write whatever you like ("Editor's pick", "Nieuw", "Sold out") and set the background and text colour. Five shapes: pill, corner ribbon, corner label, a banner across the image, or none. The hero layout. This is the one people notice. Turn on Wide layout and the spotlight card becomes a hero: the image fills the whole card, a gradient runs in from one side, and the title sits on top at a size you choose. Pick the gradient colour and how strong it is. And instead of a still image, the background can be a video, reusing the YouTube, Vimeo or MP4 link already on the item. The picture still renders underneath as the poster, so phones and anyone who asked for reduced motion get a clean image instead of a loop. ZOO extras. Spotlight cards can carry the extra fields when the rest of the grid doesn't, or skip them when the rest of the grid shows them. Three options: inherit, always, never. In a hurry? The Hero Spotlight layout preset sets most of this up in one click, then you adjust from there.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-look-at-me-i-am-in-the-spotlight?app_id=2)

 ![Look at me I am in the Spotlight](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/photo-1531297484001-80022131f5a1.jpg)

 [![Smart grid is Smart](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/photo-1531297484001-80022131f5a1.jpg)](https://www.yoozecase.com/smart-grid-demo-smart-grid-is-smart?app_id=2)

### [Smart grid is Smart](https://www.yoozecase.com/smart-grid-demo-smart-grid-is-smart?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-smart-grid-is-smart?app_id=2)

 ![If youtube is not real](https://img.youtube.com/vi/m7m46AErbI0/hqdefault.jpg)

Youtube

### [If youtube is not real](https://www.yoozecase.com/smart-grid-demo-if-youtube-is-not-real?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboreLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboreLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboreLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-if-youtube-is-not-real?app_id=2)

 ![Radio gaga](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/pexels-photo-35980981.jpeg)

  ![Radio gaga](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/pexels-photo-35980981.jpeg) LIVE

### [Radio gaga](https://www.yoozecase.com/smart-grid-demo-radio-gaga?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-radio-gaga?app_id=2)

 ![Lead me to the RSS Feed](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/photo-1584463699388-770eedddf672.jpg)

 [![Lead me to the RSS Feed](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/photo-1584463699388-770eedddf672.jpg)](https://www.yoozecase.com/smart-grid-demo-lead-me-to-the-rss-feed?app_id=2)

### [Lead me to the RSS Feed](https://www.yoozecase.com/smart-grid-demo-lead-me-to-the-rss-feed?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 Related links from RSS link

- [\[Competition\] LoRR 2026: Real-time multi-agent pathfinding with execution delays](https://www.reddit.com/r/gameai/comments/1t9nxwb/competition_lorr_2026_realtime_multiagent/)
- [Crpg Combat Ai. Stuck Between Two Ideas](https://www.reddit.com/r/gameai/comments/1w15g79/crpg_combat_ai_stuck_between_two_ideas/)

 [ Read more ](https://www.yoozecase.com/smart-grid-demo-lead-me-to-the-rss-feed?app_id=2)

 ![](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/photo-1581092162384-8987c1d64718.jpg)

  ![Spotify can't lie](https://image-cdn-fa.spotifycdn.com/image/ab67616d00001e0232a7d87248d1b75463483df5) SPOTIFY

### [Spotify can't lie](https://www.yoozecase.com/smart-grid-demo-spotify-cant-lie?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-spotify-cant-lie?app_id=2)

 ![Just another day!](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/photo-1773332585815-f106a5d6ed6c.jpg)

 [![Just another day!](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/photo-1773332585815-f106a5d6ed6c.jpg)](https://www.yoozecase.com/smart-grid-demo-just-another-day?app_id=2)

### [Just another day!](https://www.yoozecase.com/smart-grid-demo-just-another-day?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-just-another-day?app_id=2)

 ![Jazzy Lazzy Cabazzy](https://img.youtube.com/vi/XdVkrUh7Rco/hqdefault.jpg)nice

Youtube

### [Jazzy Lazzy Cabazzy](https://www.yoozecase.com/smart-grid-demo-jazzy-lazzy-cabazzy?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboreLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboreLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboreLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-jazzy-lazzy-cabazzy?app_id=2)

 ![So great is this Podcast](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/photo-1461749280684-dccba630e2f6.jpg)

  ![So great is this Podcast](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/photo-1461749280684-dccba630e2f6.jpg) LIVE

### [So great is this Podcast](https://www.yoozecase.com/smart-grid-demo-so-great-is-this-podcast?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-so-great-is-this-podcast?app_id=2)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

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.

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

##  Manual Items

When you create a manual item, they come in examples so you don't have to guess what it would look like.

 [![Example item title](https://www.yoozecase.com/media/plg_system_yc_smart_grid/example-card.svg)](https://example.com)

Example category

### [Example item title](https://example.com)

This is an example card. Replace this text, the image and the link with your own content.

  [ Read more ](https://example.com)

 [![Example item title](https://www.yoozecase.com/media/plg_system_yc_smart_grid/example-card.svg)](https://example.com)

Example category

### [Example item title](https://example.com)

This is an example card. Replace this text, the image and the link with your own content.

  [ Read more ](https://example.com)

 [![Example item title](https://www.yoozecase.com/media/plg_system_yc_smart_grid/example-card.svg)](https://example.com)

Example category

### [Example item title](https://example.com)

This is an example card. Replace this text, the image and the link with your own content.

  [ Read more ](https://example.com)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

##  Joomla articles

Joomla articles, populate the smart grid with your Joomla articles, just choose joomla articles and it will fill it with your already made joomla articles.

 Home

### [Shop](https://www.yoozecase.com/shop)

A YOOzeCase Company The shop Builder elements and plugins for YOOtheme Pro, Joomla and WordPress. Pick your platform and pay right here, without leaving the site. All products Every element and plugin we make, with the price for Joomla and WordPress. Pay right here, without leaving the site. Please try again in a few minutes.

  [ Read more ](https://www.yoozecase.com/shop)

 Demo

### [HootBox Demo](https://www.yoozecase.com/hootbox-demo)

Popup in da hoot! HootBox The smart popup element for YOOtheme Pro. Place any content, then decide when it appears, how often, and who sees it. Ten placements, six triggers, a schedule and per visitor frequency, on Joomla and WordPress. Everything on this page is live: the examples below are real smart popups on this page, not screenshots. See the layouts Read the questions Hoot hootThis is a smart popup. It opened by itself, five seconds after the page finished loading, and it will leave you alone for the rest of your visit. Popup Pong!Ten ways to place it A popup does not have to be a box in the middle of the screen. Pick the placement that fits the message: a centred dialog when you need an answer, a bar for an announcement, a corner panel for a quiet hint, a side panel for a form or a menu, full screen for a welcome mat. Every placement uses the card styles of your theme, so it matches the rest of the site without extra CSS. Centred modal Top bar Corner panel Side panel Full screen Centred modalThe classic. It sits in the middle, the page behind it is dimmed and cannot scroll, and clicking outside closes it. Use it when the visitor really has to answer something. Top barA slim bar above the content. Nothing is covered, nothing is blocked, and the visitor can read on while it is there. Corner panelA small panel in one of the four corners. Friendly, easy to ignore, and the right size for a hint or a small offer. Side panelA full height panel that slides in from the left or the right. Room enough for a form, a menu, or a longer story. Full screenThe welcome mat. It fills the screen, so keep it short and make the way out obvious. One header, six moods Each popup can open with an alert header: an icon, a title, a short message and up to two buttons. Choose the tone and HootBox picks the colour and a matching icon, or pick your own icon from the list, or upload your own image. Everything under the header is yours to fill with builder elements. Info Success Warning Error Brand InfoNeutral news. A change in opening hours, a new page, a small announcement. SuccessSomething went well. A form was sent, an order came through, a file was saved. WarningSomething needs attention before it becomes a problem. Maintenance tonight, a deadline tomorrow. ErrorSomething is wrong and the visitor has to know. Keep the wording plain and say what to do next. BrandYour own primary colour, for offers and campaigns that should look like you and not like a system message. Anything you can build, in a popup The popup is a container in the builder. Drop in whatever you need: text, an image, a video, a gallery, a form from your form component, a module, or dynamic content from your own data. The alert header is optional; switch it off and the popup is nothing but your own layout. Open the newsletter example Once a month, nothing more This is a normal builder column inside the popup. A headline, a paragraph and a button, all placed the way you always place them. Swap them for a form and you have a newsletter box. Sign me up Maybe later Six ways to open it A smart popup is mostly about timing. HootBox opens on page load after a delay you set, at a scroll depth, when a chosen element comes into view, on exit intent, after a period of inactivity, or on a click on any link or button you point at. Combine as many as you like; the first one that happens wins. Two of them are running on this page right now. Scroll past the middle of the page and a corner panel appears. Move your mouse up towards the address bar and an exit popup shows up. Both only once per visit. You scrolled past halfwayThis one waited until you were 55 percent down the page. A visitor who reads that far is a lot more interesting than one who just arrived. Leaving already?Exit intent: the mouse moved up towards the browser bar. On a phone HootBox watches for a quick scroll up instead, so the idea also works on touch. Set it now, forget it later Give a popup a start and an end date and it takes care of itself. Add weekdays and a daily time window and it only shows during opening hours, or only on the weekend. The Christmas banner disappears on the twenty sixth without anyone logging in. Open the scheduled example Open until 17:00 on weekdaysThis is what a scheduled bar looks like. In a real campaign it would carry a start date, an end date, the weekdays it runs on, and the hours of the day it is allowed to show. How often, and for how long Nothing turns a visitor away faster than the same box on every page. Choose every page load, once per browser session, once per visitor, or again after a number of minutes, hours or days. Set a maximum number of views, decide whether a view counts when the popup opens, when it closes or only after a button click, and add a do not show again checkbox for the people who mean it. All of that is stored in the browser of the visitor. No cookies, nothing sent to a server, nothing to put in a privacy statement. Auto close with a countdown Do not show again Closing in a momentThis one closes itself after eight seconds. The bar underneath is the countdown, and it pauses as long as your mouse or keyboard focus is on the popup. Do not show this againTick the box and this popup stays away for a year, whatever the frequency setting says. Give the visitor the last word and they mind the next one a lot less. Only where it belongs Show a popup to guests only, or to logged in users only. Limit it to phones or to desktops, and give phones a different placement so a modal becomes a bottom bar. Match the language of the page, an address that carries a campaign parameter, or a visitor who arrived from a particular site. Everything the visitor does not fit is simply never rendered. Open the targeting example Made for one audienceA welcome offer for guests, a service message for logged in customers, a phone only bar for people on the move, a campaign popup that only appears when the address carries your newsletter parameter. Same element, different audience. Popups that do not cost you rankings Google penalises pages that cover their content with a dialog right after a visitor arrives from a search result on a phone. HootBox is built around that rule. The delay on the page load trigger starts at a value that keeps you on the safe side, phones can be given a bottom bar instead of a blocking modal, and the close button is a proper tap target from the first second. The same care goes into the parts you cannot see. A blocking popup is a real dialog: focus moves into it, stays inside while it is open and returns to the button that opened it. Escape closes it, the close button meets the minimum tap size, status is never carried by colour alone, and a visitor who asked their system for less motion gets no animation at all. Frequently asked questions Do I need to write any code?No. HootBox is a builder element. You drop it into a section, fill the alert header or build your own layout inside it, and set the triggers and the schedule in the element settings. Every field has its own explanation next to it.Will a smart popup hurt my Google ranking?Only if you build it badly. Google penalises dialogs that cover the content of a page right after a visitor arrives from a search result on a phone. The defaults in HootBox steer you away from that: a delay on the page load trigger, a bottom bar instead of a modal on phones, and a close button that is visible and large enough from the start.Can a visitor always close it?Yes. There is a close button, the Escape key works, and a click outside the popup closes it. You can switch the last two off for a dialog that really needs an answer, but the close button and the keyboard route stay.How does HootBox remember that someone closed it?In the browser of the visitor. No cookies, nothing sent to a server, nothing to declare in a privacy statement. Change the popup identifier and everyone sees it again, which is exactly what you want for a new campaign.Can I open a popup from my own link or button?Yes. Any link that points at the popup identifier opens it, and so does any element carrying the HootBox open attribute. You can also give the element a list of your own CSS selectors. The buttons on this page work exactly that way.Does it work on WordPress as well?Yes. The same element, the same settings and the same behaviour on Joomla and on WordPress, as long as YOOtheme Pro is running. One licence covers both. HootBox YOOtheme Pro The smart popup element for YOOtheme Pro. Place any content, then decide when it appears, how often, and who sees it. What's new 0.9.11 (2026-09-09) 0.9.10 (2026-09-08) 0.9.9 (2026-09-08) 0.9.8 (2026-09-08) 0.9.7 (2026-09-08) Plugin settings Basic yc_state This setting has no help text in the plugin. HootBox adds a popup element to the YOOtheme Pro builder. No configuration needed here; add a HootBox to any page in the builder. Licence Licence key Enter the key from your YOOzeCase account and press Activate. The key ties this site to your subscription and keeps updates coming. Deactivate frees the slot so you can use the key on another site. HootBox Content content This setting has no help text in the plugin. Advanced In the editor Automatic shows the popup inline while you edit and as a real popup on the live site; the Preview as popup button above the inline popup opens it the way visitors see it. Choose Always inline to style it on a test page; switch back before the page goes live. custom_css Custom CSS for this popup only. Selectors are scoped automatically. Start a rule with & to target the popup box itself, for example & { border: 2px solid gold; }. HootBox Popup content The popup content is a sublayout, built with ordinary builder elements. Under Builder at the top of this tab, click New Layout: that puts a row in the popup. Click the + in the row to add any element: text, images, forms, buttons, video. Library offers ready-made layouts. Everything you add shows up inside the popup in the preview. The alert header (below) is the optional coloured strip above that content. Use Preview as popup to see the result as visitors will. Popup ID A short name for this popup, for example summer-sale. Used to remember that a visitor closed it, and to open it from a link: href="#hb-summer-sale". Change the ID to show the popup again to everyone. Alert header The alert header is the coloured strip at the top of the popup, with an icon, a title and a short message. Switch it off for a popup you fill entirely with your own builder elements (added under Builder at the top of this tab). On by default, because it gives most popups their heading and their colour. Type Colour and default icon of the alert header. Info is neutral, Success green, Warning amber, Error red, Brand uses the primary colour of your theme, and Plain leaves the header without a background so it blends into the card. The colours come from your theme, so the popup matches the rest of the site. Icon The icon in front of the title. Match the type picks the icon that belongs to the alert type and stays correct when you change that type later, which is why it is the default. None leaves the space empty and moves the title to the left; the other choices pin one specific icon or your own image. Icon image Your own icon instead of one of the built-in ones. It is shown at 48 x 48 px, so use a square SVG or PNG. Only used when Icon is set to Own image. Title The heading of the popup, shown in the alert header. It is also the name a screen reader announces when the popup opens, so keep it short and say what the popup is about. Leave it empty and the popup announces a generic label instead. Message Short text under the title, inside the alert header. This is not the popup content: for that, use Builder at the top of this tab (New Layout, then the + in the row) to add any element (text, images, forms, buttons, video). Primary button The text on the primary button, for example Show me or Get the discount. Leave it empty and no button appears. Buttons sit under the content and carry the main action of the popup. Link Where the button takes the visitor. Pick a page, an article or a file from your site, or type a full URL for an external page. Leave it empty and the button only closes the popup. New tab Opens the link in a new browser tab, so your page stays open behind it. Off by default, because a new tab is unexpected for a link inside your own site. Switch it on for another website or for a PDF. Action Remember: the popup stays hidden after the click, just like closing it. Style The look of the button, taken from the button styles of your theme. Primary is the accented style and the default for the main action; Default and Secondary are quieter, Danger is the red style for destructive actions, and Text and Link render the button as plain text. Secondary button The text on the second button, for example No thanks. Leave it empty and only the primary button appears. Use it for the way out, so the visitor always has a clear alternative to the main action. Link Where the second button takes the visitor. Hidden when the action is Close the popup, because that button does not go anywhere. New tab Opens the link in a new browser tab, so your page stays open behind it. Off by default. Switch it on for another website or for a PDF. Action What the button does. Follow the link opens the link and leaves the popup rules untouched, Close the popup only closes it, and Follow the link and remember opens the link and keeps the popup hidden afterwards, exactly as closing it would. Close the popup is the default, because the second button is usually the way out. Style The look of the button, taken from the button styles of your theme. Default is the quiet style and the default here, so the second button does not compete with the primary one. Do not show again Adds a checkbox. When ticked, the popup stays hidden for this visitor for a year, whatever the frequency setting says. Checkbox label The text next to the checkbox. Leave it empty for the built-in text, which is already translated into the language of the site. Change it only when you need different wording, for example a legal one. Layout Centered modal, a bar along the top or bottom, a small panel in a corner, a side panel, or full screen. Width (px) Maximum width of the popup. It never exceeds the screen width minus the margin. Margin (px) Distance between the popup and the edge of the screen, for corner panels, side panels and bars. 24 px by default, which keeps the popup clear of the edge without wasting space. The centered modal and full screen ignore it, which is why the field is greyed out for those layouts. Padding The white space between the edge of the popup and its content. Default suits most popups, Small tightens a bar or a small corner panel, Large gives a big modal more air, and None removes the padding completely for a popup filled with an image that has to run to the edge. Style Uses the card styles of your theme, so the popup matches the site. Background colour The background colour of the popup, as a hex value or an rgba value. Only used when Style is set to Custom colours. Use rgba when the page should shine through, for example rgba(20,20,20,.95). Text colour The colour of the text inside the popup, including the title. Only used when Style is set to Custom colours. Always check it against your background colour: light text on a light card is unreadable, and screen contrast is a real accessibility requirement. Corner radius (px) How round the corners of the popup are, in pixels. 8 px by default, which matches the cards of most themes. Set it to 0 for square corners. Shadow The drop shadow under the popup, which lifts it off the page. Large by default, because a popup should read as a layer above the page. Use a smaller shadow, or none, for a bar that is meant to sit flat against the edge of the screen. Close button The X in the corner of the popup. On by default, and worth leaving on: a popup the visitor cannot close is the fastest way to lose them, and Google penalises it on phones. Switch it off only when one of your own buttons already closes the popup. Close button position Where the X sits. Inside the popup is the default and always works. Outside, top right places it just above the popup, which looks cleaner on a popup filled with an image but needs free space around the popup, so avoid it on bars and on full screen. Show close button after (s) Delay before the X appears. Keep this 0 for popups that visitors did not ask for; a hidden close button annoys people and Google penalises it on mobile. Overlay Darkens the page behind the popup, so the popup gets full attention and the rest of the page cannot be clicked. On by default for modals and panels. Bars along the top or bottom never get an overlay, which is why the field is greyed out for those layouts. Overlay colour The colour of the darkened layer behind the popup, as an rgba value. Leave it empty for the built-in rgba(0,0,0,.6). Lower the last number for a lighter overlay, raise it to hide the page almost completely. Blur Blurs the page behind the overlay on top of darkening it. Off by default, because the blur costs performance on older phones. Use it when the page behind the popup is busy and pulls attention away from the message. Page scroll Stops the page behind the popup from scrolling while it is open, so the visitor cannot scroll away from the message by accident. On by default. Switch it off if a long popup on a phone no longer scrolls properly itself. Close on overlay click Clicking the darkened area closes the popup. On by default, because visitors expect it and it is the quickest way out. Switch it off only for a popup that really needs an explicit choice, and then keep the close button on. Animation in How the popup appears. Scale up is the default and works for every layout; slide from top or bottom suits bars, slide from left or right suits side panels, Fade is the quietest and None shows the popup at once. Visitors whose system asks for reduced motion always get the popup without animation. Animation out How the popup disappears. Reverse of the in animation is the default and mirrors the opening, which is what visitors expect. Pick a specific animation only when the popup should leave in a different direction than it came from. Duration (ms) Visitors who prefer reduced motion get no animation regardless. On page load Opens the popup by itself once the page has loaded, after the delay you set below. On by default, because most popups are meant to be seen without the visitor doing anything. Switch it off when the popup should only open on a click, a scroll or one of the other triggers. Delay (s) Wait this long after the page loads. On phones, Google penalises blocking popups that appear right after arriving from a search result; 5 seconds or more, or a bar layout, keeps you safe. On scroll Opens the popup once the visitor has scrolled a part of the page, so they have seen something of your content first. Off by default. It usually performs better than a popup on load, because it only reaches visitors who are actually reading. Scroll depth (%) How far down the page the visitor has to be before the popup opens, as a percentage of the whole page. 30 percent by default. Between 40 and 60 percent works well for long articles; below 10 percent the popup fires almost immediately and loses its point. When an element comes into view CSS selector, for example #pricing, footer or .uk-section:nth-child(3). Opens as soon as the top of that element is one fifth into the screen; with several matches the first one in view wins. Tip: give a section an ID under Advanced in the builder and use #that-id here. Exit intent Opens the popup when the mouse moves up out of the page towards the browser bar, which usually means the visitor is about to leave. Off by default. Use it for a last offer, and pick a frequency other than every page load so it does not come back on the next page. Exit intent on phones Touch screens have no mouse, so exit intent uses a substitute there: a quick swipe up after the visitor has scrolled down. On by default. Switch it off when the popup should only appear on desktop. Inactivity Opens the popup when the visitor has not moved the mouse, scrolled, typed or touched the screen for a while. Off by default. It suits an offer of help; it suits an interrupting offer much less, because the visitor may simply be reading. Idle time (s) How long the visitor has to be inactive before the popup opens, in seconds. 30 seconds by default. Under 15 seconds it fires while someone is still reading, and over two minutes most visitors have already gone. On click Extra CSS selectors (comma separated) that open the popup when clicked. Links with href="#hb-{Popup ID}" and elements with data-yc-hb-open="{Popup ID}" always work, no selector needed. Show from YYYY-MM-DD or YYYY-MM-DD HH:MM, in the time zone of the site. Leave empty for no start. Show until The last moment the popup is shown, in the time zone of the site. A date without a time runs until the end of that day. Leave it empty and the popup has no end date. Weekdays Comma separated, Monday = 1 to Sunday = 7. Empty means every day. Daily from HH:MM. Combine with Daily until for a daily window, for example 09:00 to 17:00. May cross midnight. Daily until The end of the daily time window, in 24 hour notation. It only takes effect together with Daily from, and it limits the popup to a part of the day, for example your opening hours. An end that is earlier than the start makes the window run across midnight, so 22:00 until 06:00 is a night window. Frequency How often a visitor sees this popup. Stored in the browser of the visitor; no cookies, nothing sent to a server. Show again after How long the popup stays hidden before the same visitor sees it again, counted from the moment they closed it or clicked a button. Only used when the frequency is set to Show again after. Unit The unit of the waiting time above. Days is the default and suits most offers; use minutes or hours only for a notice that really has to come back within the same visit. Count a view when Closed: only when the visitor closes it (a reload while it is open shows it again). Opened: as soon as it appears. Button: only after a button click. Maximum views per visitor The highest number of times one visitor ever sees this popup, whatever the frequency allows. 0 means no limit and is the default. Two or three is a sensible value for an offer that should not keep nagging returning visitors. Close automatically after (s) Closes the popup by itself after this many seconds. 0 keeps it open until the visitor closes it, and that is the default. Use at least eight seconds, because anything shorter is gone before the message has been read. Countdown Shows the visitor how much time is left before the popup closes itself. Progress bar is the default and the least distracting, Seconds shows a number, Bar and seconds shows both, and Hidden closes the popup without warning. Only used when Close automatically after is set. Pause Stops the countdown while the mouse is over the popup or the keyboard focus is inside it, so the popup cannot disappear while someone is reading or filling in a field. On by default; switching it off makes the popup considerably harder to use. Escape key Works for every layout, also bars and corner panels. Browsers protect visitors: when a popup with an overlay opened without the visitor clicking anything, Chrome still lets Escape close it whatever this setting says. Turn it off only for popups opened by a click. Priority When several popups want to open at the same moment, the highest number wins. One at a time Makes this popup wait while another popup is open instead of stacking on top of it. On by default and worth keeping on: stacked popups block each other and confuse screen readers. As soon as the other popup closes, this one opens. Show to Limits the popup to a part of your visitors. Everyone is the default, Guests only hides it from people who are logged in and suits a subscribe or register offer, and Logged-in users only suits a message for members. The choice is made on the server, so a hidden popup is not even in the page. Devices Limits the popup to a screen size. All devices is the default; Phones and tablets only shows it below 960 pixels wide and Desktop only from 960 pixels up. Use it for a popup that only makes sense on one of the two, an app download for example. On phones Below 640 px. A bottom bar respects the Google guideline against intrusive interstitials on mobile. Language Only show on pages in this language, for example nl-NL or de. Empty = every language. URL parameter Only show when the address contains this parameter, for example utm_source=newsletter or promo (any value). Referrer contains Only show when the visitor arrived from an address containing this text, for example google or facebook.com.

  [ Read more ](https://www.yoozecase.com/hootbox-demo)

 Demo

### [Quiz Whizz Demo](https://www.yoozecase.com/quiz-whizz-demo)

Quiz Whizz Demo | Quiz element for YOOtheme Pro The quiz element YOOtheme Pro deserved. Most quiz tools are solid software wrapped in a dated interface: cramped forms, clashing colours and a wall of questions that nobody finishes. Quiz Whizz turns that around. One YOOtheme Pro element, built design-first, that plays like the quizzes you actually enjoy taking.Everything below is the same element, configured differently in the builder. Play them. A knowledge quiz your visitors actually finish One question per step, a progress bar, answers that respond the moment you pick them, and an animated score ring at the end. The intro card, the pass mark and every text on the buttons are settings, not code. How well do you know the web?Four questions, one at a time. You see instantly whether you were right, with a short explanation. Reach 75% to pass.What does the padlock in your browser's address bar mean?The site contains no advertisingThe connection between you and the site is encryptedThe site passed a government safety checkThe site does not store any dataRoughly how many websites exist today?Around 10 millionAround 200 millionAround 1 billionMore than 100 billionWhat was one of the very first things ever sold online?A pizzaA Sting CDA pair of sneakersConcert ticketsWhich of these is the oldest?GoogleWikipediaThe :-) smileyThe text messageTrue or false, in your own words The true or false type gives every question two large buttons. The labels are free text per question, so a security quiz can ask Fact or Myth and a language course can ask Der or Die. Fact or myth?True or false, restyled to Fact and Myth with two settings. Big buttons, dots for progress.The first computer bug was an actual insect.Private browsing makes you invisible to websites.Email is older than the World Wide Web.Or everything on one page, with the review at the end Longer questionnaire, self-test, checklist? Switch the flow to a single page. Nothing is judged while your visitor fills it in; the result card shows the score and a question by question review afterwards. Three quick onesRoughly how many emails are sent every day, worldwide?About 3 billionAbout 30 billionMore than 300 billionWhich colour appears most often in the logos of the world's biggest brands?RedBlueGreenWhat share of all web traffic comes from phones?Around 15 percentAround 60 percentAround 90 percentMake it yours: presets, colours and shuffle Three style presets (Cards, Minimal Line, Filled Accent), an accent that reads your real theme colours, and free text for every button. This one runs a custom accent and shuffled answers; the questions explain themselves. Make it yoursWhere does this quiz get its colour?From a stylesheet someone had to editFrom the Custom accent picker in the element settingsIt is hardcoded, like in most quiz toolsThe answers in this quiz appear in a different order for every visitor. Why?Shuffle answers is switched onPure coincidenceA caching problemNew in v0.1: the launch set Two question types (multiple choice with up to six answers, true or false with your own labels), two flows, instant or end feedback with explanations, a pass mark, three presets, theme colour support, shuffle, full keyboard play, screen reader announcements, reduced motion support and six languages. Coming next: multiple correct answers, image answers, a points based self-test with score bands, a personality mode, and a results dashboard with optional lead capture. New in v0.2: pick many, pick pictures, count points Three additions in one release. Multiple correct answers with a deliberate check step and optional partial credit, answers as image cards, and a complete points based self-test with score bands, the pattern behind every good online stress or personality test. Several correct answers, with a check step Select all that applyTwo questions where more than one answer is right. Notice how the next button becomes a check button.Which of these are real YOOzeCase elements? Select all that apply.Which claims about this quiz are true? Select all that apply.Answers as image cards, without spoilers Answer with a picture instead of a sentence. The text labels are switched off here (new in v0.3), because the caption would give the answer away; screen readers still hear the full answers. Which of these is The Most Useless Element Ever?Epic SliderCrazy Highlights 'n DoodlesThe Most Useless Element EverSmart Background SoundA points based self-test with score bands The digital stress checkFour honest yes or no questions. Every answer carries points, the total lands in a score band. Just for fun, not science.I check my phone within ten minutes of waking up.I have more than twenty browser tabs open right now.Unread notifications make me nervous.I have answered work email during a holiday.New in v0.3: the personality quiz The third quiz mode. No right or wrong: every answer quietly counts towards one of up to six outcome profiles, each with its own title and text, and the highest total wins. The pattern behind every which-type-are-you quiz that ever went viral. Which YOOzeCase element are you?Four questions, no wrong answers. Every choice quietly counts towards one of four profiles. Just for fun.Your ideal Saturday afternoon?On a stage, or at least in the spotlightReorganising the bookshelf, againVinyl, coffee and nowhere to beDoing absolutely nothing, proudlyYour role in a group project?The presenterThe plannerThe mood managerThe comic reliefPick a motto.Go big or go homeA place for everythingGood vibes onlyLess is moreYour browser, right now?A fullscreen demo is playingTabs neatly sorted in groupsA music tab is pinnedOne tab. It is blank.New in v1.1: a tie is a tie Weighted answers make a personality quiz more precise, and they also make ties more likely. When two outcomes end with the same total, most quiz tools quietly pick one, usually the one that happens to be listed first. Quiz Whizz did that too, up to 1.0.3.Now the visitor gets what the answers say: both outcomes, each with its own text. Switch on the profile and the result card also shows how the answers spread over every outcome, so someone who is mostly one thing sees how close the others came. The percentages always add up to a hundred.Try it below. The last question counts double, so answer designer, designer, storyteller and then engineer, and you land on a tie between the designer and the engineer. What kind of site builder are you? A new site lands on your desk. Where do you start? Which compliment would make your week? Your favourite part of YOOtheme Pro? Launch day. What do you check one last time? Does your quiz need exactly one result, a product advice for example? Pick a deciding question in the settings. If the answer to that question belongs to one of the tied outcomes, that one wins. If it does not, the visitor still sees the tie. The order of your outcomes never decides anything. In the statistics a tie counts for each outcome involved, and a separate line tells you how often a quiz ends level, which is a good hint to have another look at your weights. New in v1.2: a result that leads somewhereA result used to end with a text and a Try again button. Now every outcome and every score band can have its own image and its own button, so a quiz ends on a next step: a product page, a booking form, an article. On a tie, every outcome card gets its own image and button.The quiz below does that for our own shop. Four questions, and the result sends you to the element that fits your site. The buttons are real links.What does your site need next?What do visitors ask you most often?Your homepage right now is...Which compliment would you like to hear?Where does your time on the site go?Two changes you will not see here. The result can now be a heading instead of a paragraph, so a screen reader can jump straight to it; this quiz uses one. And while you build, the preview in YOOtheme Pro points out mistakes the builder cannot show: an answer that points at an outcome the quiz does not have, an outcome no answer leads to, or a score band nobody can reach. Visitors never see that note. New in v0.4: results, without the creepy part The personality quiz above is doing something the ones before it do not: it keeps what people answer. Switch on Store Results in a quiz and every finished attempt lands in your own site database, where the plugin settings show the totals per quiz: how many people played, the average score, the pass rate, and how the attempts spread over your outcomes or score bands.What it does not do is follow anyone around. No IP address, no name, no e-mail address, no cookie, no third party. You decide how many days results are kept, you can wipe a quiz clean with one button, and uninstalling the plugin leaves your data alone unless you tell it otherwise.Give the quiz above a go, and know that all you are adding to this site is one anonymous line saying which element you turned out to be. New in v0.5: asking, without the pressure A quiz can now ask for a name and an e-mail address on the result card, and you decide how insistent that is. Optional shows the result first and puts the form underneath, the way the personality quiz above does it. Gate keeps the result covered until the visitor sends the form or clicks past it. Off is what you get if you never touch the setting.Three things are deliberate. The attempt is stored anonymously the moment the quiz ends, so your numbers are complete whether or not anyone fills the form in. The consent box is never ticked in advance, and you write the sentence next to it yourself. And the address is attached to the attempt on the server, using a reference the browser never sees, so nobody can write their details onto someone else's answers.Get a mail per contact or one summary a day, and export the lot to CSV when you want it somewhere else. New in v0.6: one question at a time, and it keeps up with you Answer a question and the quiz moves on by itself. A thin line runs out along the card while the answer is still readable, and then the next question arrives in exactly the same spot, so nothing jumps and nobody has to hunt for the Next button. The personality quiz further up this page has it switched on: play it, and compare it with the knowledge quizzes, which still wait for you.Three paces, and the plugin picks the right one for the quiz. With instant feedback the pause is longer, because the visitor should have time to see whether they got it right. With feedback held back to the end it is quick, because there is nothing to read. Standard, relaxed or quick shifts that in either direction.Moving on by itself must never take something away, so four questions are deliberately left alone: one with more than one correct answer, which is finished with the check button; one showing an explanation, because nobody should read against a clock; the last one, so the result appears when the visitor asks for it; and every quiz outside the one question at a time flow. Clicking Next yourself cancels the wait, and if you prefer no motion at all, the line stands still. The same element, in a serious register Everything above is built to be enjoyed. This one is not, and it is the same element with different switches. A five point frequency scale instead of right and wrong, four questions that count in reverse so agreeing is not always the higher score, and three score bands set on real totals rather than percentages.It also shows the quick side of moving on by itself. There is nothing to read between the questions, so the plugin uses a much shorter pause here than on the personality quiz further up. Answer, and the next one is already there. How has the past month felt?Ten questions about the past four weeks. There are no right answers: pick the one that fits and the quiz moves straight on. Four of the questions count in reverse. Takes about a minute.Something unexpected threw your plans off course.NeverRarelySometimesOftenVery oftenThe list of things to do felt longer than the day.NeverRarelySometimesOftenVery oftenYou felt on top of what the week was asking of you.NeverRarelySometimesOftenVery oftenYou lay awake going over the day again.NeverRarelySometimesOftenVery oftenA small setback felt bigger than it really was.NeverRarelySometimesOftenVery oftenYou ended a day feeling it had gone the way you wanted.NeverRarelySometimesOftenVery oftenYou put something off that mattered, because there was no energy left for it.NeverRarelySometimesOftenVery oftenYou dealt with an annoyance and let it go straight afterwards.NeverRarelySometimesOftenVery oftenYou felt you were reacting to the day rather than steering it.NeverRarelySometimesOftenVery oftenYou found time that was genuinely your own.NeverRarelySometimesOftenVery oftenTwo deliberate choices worth pointing out. This quiz stores nothing: the answers never leave the browser, because a page like this has no business keeping how anyone's month went. And the questions and the result texts are our own, written for this demo. It is a reflection exercise, not a validated instrument and not a health assessment. If stress is genuinely weighing on you, talk to your doctor or to someone you trust. Forty-three questions, and it still takes a minute The other pattern behind self-tests is not a scale but a weighted checklist. Every item carries its own number, the ones that apply are added together, and the total lands in a band. In the builder that is forty-three true or false questions with a figure in the points field, and three bands with a minimum score. There is nothing else to it.It is also the fastest setting of moving on by itself. There is no feedback to read and the answer is one of two buttons, so the pause is two tenths of a second: you tap, and the next one is already there. Three quizzes on this page now run at three different paces, each one picked for how much the visitor has to take in between questions. A year, added upForty-three things that may or may not have happened in the last twelve months. Yes or no, and the quiz moves straight on. Every item carries its own weight, so the answer is a total rather than a count. Under a minute.You moved house.You started a new job.Your daily routine was disrupted for months.You worked noticeably longer hours than the year before.Your team or your manager changed.You moved from an office to working at home, or the other way round.You were promoted.You renovated or built while living there.You took a long holiday, or a sabbatical.Your sleeping pattern changed for months on end.You changed how you eat, deliberately and for months.You started or stopped a demanding training routine.Your income rose noticeably.You paid off a large debt.You took on a large loan or a mortgage.A large unexpected bill landed.Your income dropped noticeably.You went back to studying alongside work.You took on a second job or a side business.You started working for yourself.Your role changed substantially without you asking for it.You retired.You moved to another town or another country.Someone moved into your home.Someone moved out of your home.A child left home.A child was born, or joined your family.You married, or committed to a partner.You got back together after a break.A close friend or relative moved far away.A close friendship fell apart.There was a lasting falling out in the family.You spent a long stretch on your own, more than you wanted to.You had a long running dispute with an organisation or an authority.You were involved in a legal matter.You lost your job.You became responsible for the care of a parent or a relative.You had an accident, or someone in your household did.You had an operation, or a long recovery.Someone in your household became seriously unwell.You separated from a partner, without calling it final.A long relationship came to an end.Someone close to you died.Same two rules as the quiz above. Nothing is stored, and the result is a sum of numbers we chose ourselves, not a measurement and not a health assessment. New in v0.7: the card people meet first Every quiz on this page now opens on a card, and that card had one job: get someone to press start. So it can carry a bit more than a title and a button. An icon in your accent colour, or an image from your media library. How long it takes, next to the question count, either written by you or worked out from the questions themselves. And one small line under the button for the reassurance that gets people over the line.Look at the four quizzes on this page. The knowledge quiz at the top has its icon above the text. The personality quiz has an image instead, sitting beside the text. The two self-tests further down use an icon beside the text, which makes a tall card noticeably shorter. That is one setting per quiz. Leave everything empty and the card looks exactly as it did before.The time is an estimate, not a promise: four seconds to take in a question, one per answer to read the options, six more where an explanation follows. Rounded up, and never less than a minute, because about zero minutes helps nobody. New in v0.8: keep the box, or lose it The intro card always had a frame around it and the questions never did, so the box vanished the moment someone pressed start. That is now a setting of its own, next to the style preset, with three positions: follow the preset, around every step, or none at all.Two quizzes on this page have it switched on. The personality quiz further up keeps its card from the intro through the questions to the result. The stress check does the same on the quiet Minimal Line preset, which is a combination the presets could not give you: soft dividers inside a card. Every other quiz here is left on follow the preset, so you can see the difference on one page.It is a separate setting rather than a fourth preset on purpose. The preset decides how the answers look; the frame is a different question. Folding the two together would have ruled out exactly the combination the stress check is using. New in v0.9: it reads well for everyone We put the quiz through an accessibility audit against WCAG 2.1 and 2.2 AA, measured on this page rather than read off the source, and then acted on what came out. Fifteen findings, all of them fixed.The biggest one was colour. A quiz takes its accent from your theme, and until now the text on top of that accent was always white, which is fine on a deep blue and too faint on a soft red. The element now measures your accent against the background behind it and works out a readable counterpart, so a button label, the question counter and the line that tells someone how they did stay legible whatever colours you use. The personality quiz further up runs on its own red accent and gets dark labels for exactly that reason.The rest is the sort of thing you only notice when it is missing. Answers now tell a screen reader whether you may pick one or several. The focus follows you when you start a quiz, when your result appears and when you play again, instead of dropping you back at the top of the page. A question can be a heading rather than a paragraph: the two quizzes on this page that show all their questions at once use that, so anyone moving through the page by headings lands on each question instead of having to read past it. And the download is less than half what it was. Frequently asked questions What is Quiz Whizz?One YOOtheme Pro builder element for quizzes and self-tests. You build the questions where you build your pages, pick a flow and a style, and publish. No separate quiz manager, no shortcodes.Do I need to write CSS or code?No. Three presets, an accent that follows your theme colours and free button texts cover the styling; every behaviour is a switch in the element settings.Where do the answers and scores go?Scoring happens in the visitor's browser. Storing is a separate choice and it is off until you switch it on, per quiz. With it on, every finished attempt is saved in your own site database and nowhere else, and the plugin settings show the totals per quiz. No IP address and no cookies, and you set how many days results are kept. A name and an e-mail address are only stored when the visitor fills in the contact form and ticks the box. The personality quiz on this page has both switched on.Can I use it for exams or assessments?No. Scoring happens in the browser, so a determined visitor can find the correct answers in the page. Quiz Whizz is made for marketing, knowledge and self-test quizzes, and it is honest about that.Is it accessible?It is built to WCAG 2.1 and 2.2 AA, and in v0.9 we audited it against that standard on this very page rather than on paper. You can play a whole quiz from the keyboard: number keys pick an answer, arrow keys move within a question, and the focus follows you when you start, when your result appears and when you play again. Answers announce what kind of choice they are, so a screen reader says whether you may pick one or several, and the group is named after the question it belongs to. Colours are worked out rather than assumed: the element measures your accent against the background behind it and picks a readable counterpart, so the labels stay legible whatever colours your theme uses. Every button is at least 44 pixels, the layout holds from 320 pixels up and at 200 percent text size, and animation stops for anyone who asks their system for less motion.Does a quiz move on by itself?Only if you switch it on, and only in the one question at a time flow. The visitor answers, a short line runs out along the card, and the next question arrives in the same spot. It never rushes anyone: a question showing an explanation stays put, so does a question with more than one correct answer, and the last question always waits for the visitor to finish. Clicking Next yourself simply cancels the wait. The personality quiz on this page has it switched on.Which platforms does it run on?Joomla 5 and 6, and WordPress 6 and 7, always with YOOtheme Pro. Both versions share one core, so a quiz behaves the same on either.What happens when two outcomes end with the same total?The visitor sees both, each with its own text, instead of whichever one is listed first. If a quiz needs a single result, you pick a deciding question; when that answer does not settle it, the visitor still gets the tie. The quiz under New in v1.1 on this page lets you try it.Can a result link to a product or a booking page?Yes. Since version 1.2 every outcome and every score band can have an image and a button. The link can be a page on your own site, a full web address, an e-mail address or a phone number. On a tie, each outcome gets its own button. The quiz under New in v1.2 on this page links to four of our own elements. What has changed since the beta?Version 1.0 brought the update server, so new versions arrive in your updater like any other extension, and the WordPress version followed from the same core. Version 1.1 settles ties honestly and adds the profile on the result card. Version 1.2 adds an image and a button per outcome and per score band. Before that: result storage with a dashboard in v0.4, contact capture and CSV export in v0.5, moving on by itself in v0.6, a richer intro card in v0.7, the frame setting in v0.8 and the accessibility audit in v0.9.

  [ Read more ](https://www.yoozecase.com/quiz-whizz-demo)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

##  Zoo Items

For the people who love ZOO like us, we have built the Smart Grid with Zoo in mind, so you can see your ZOO items in a neat way. We also built it so that the items would show in the YOOtheme Builder; this skips a few steps in the process and makes all our lives a lot easier.

 [All](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=2&pdpage_ycgrid_5=1#yc-grid-ycgrid_5) [ smart-grid-changelog ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=2&pdpage_ycgrid_5=1&pdtag_ycgrid_5=smart-grid-changelog#yc-grid-ycgrid_5) [ frequently-asked-accordion-changelog ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=2&pdpage_ycgrid_5=1&pdtag_ycgrid_5=frequently-asked-accordion-changelog#yc-grid-ycgrid_5) [ auto-add-alt-and-title-changelog ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=2&pdpage_ycgrid_5=1&pdtag_ycgrid_5=auto-add-alt-and-title-changelog#yc-grid-ycgrid_5)

 ![Smart Grid](https://www.yoozecase.com/files/smart-grid_1.png)

 [![Smart Grid](https://www.yoozecase.com/files/smart-grid_1.png)](https://www.yoozecase.com/smart-grid?app_id=1)

### [Smart Grid](https://www.yoozecase.com/smart-grid?app_id=1)

Ever wish your site could remember what each visitor loves? Smart Grid makes it happen. Every card it shows gets a heart and a 5-star rating - visitors save what they like with a tap, filter the page down to just their favourites in a click, and show you what's actually worth the time. Then fill those cards with anything: your Joomla articles, your ZOO items, hand-picked highlights, or live posts from eight social platforms. One drag-and-drop YOOtheme Pro element, one Joomla install, zero code - and easily the most epic grid you'll ever add to a page.

  [ buy extension url Joomla ](https://yoozecase.lemonsqueezy.com/checkout/buy/715f7f63-a1b9-490d-9539-3950f48b55c4) [ link extensions ](https://www.yoozecase.com/smart-grid) [ demo link ](https://www.yoozecase.com/smart-grid-demo) [ update server ](https://updates.yoozecase.com/smart-grid/updates.xml)

 ![Frequently Asked Accordion](https://www.yoozecase.com/files/frequently-asked-accordion_1.png)

 [![Frequently Asked Accordion](https://www.yoozecase.com/files/frequently-asked-accordion_1.png)](https://www.yoozecase.com/frequently-asked-accordion?app_id=1)

### [Frequently Asked Accordion](https://www.yoozecase.com/frequently-asked-accordion?app_id=1)

YOOtheme Pro accordion and FAQ element. Don't ask. Just install!

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/3dbb327d-eef2-475c-965a-62a5cb040d70) [ buy extension url WordPress ](https://shop.yoozecase.com/checkout/buy/0e929a2b-779f-49d0-85b5-db131b64b2a5) [ link extensions ](https://www.yoozecase.com/frequently-asked-accordion) [ demo link ](https://www.yoozecase.com/frequently-asked-accordion-demo) [ update server ](https://updates.yoozecase.com/frequently-asked-accordion/updates.xml)

 ![Auto Add Alt And Title](https://www.yoozecase.com/files/auto-add-alt-and-title_1.png)

 [![Auto Add Alt And Title](https://www.yoozecase.com/files/auto-add-alt-and-title_1.png)](https://www.yoozecase.com/auto-add-alt-and-title?app_id=1)

### [Auto Add Alt And Title](https://www.yoozecase.com/auto-add-alt-and-title?app_id=1)

Bulk-fill every missing alt text while you sip your coffee. Titles only when they add something.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/7a1b8776-9e27-46a9-b4be-9cd2a06daa10) [ buy extension url WordPress ](https://shop.yoozecase.com/checkout/buy/f5898c5f-4ed1-4c25-971a-dd1b7483a577) [ link extensions ](https://www.yoozecase.com/auto-add-alt-and-title) [ demo link ](https://www.yoozecase.com/auto-add-alt-and-title-demo) [ update server ](https://updates.yoozecase.com/auto-add-alt-and-title/updates.xml)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

##  Zoo Categories

Would you like to have a page where you show your ZOO categories first and then to the smart grid that hold the category items, with smart grid you can. It even can show the sub-catagories. Now that is awesome!

 [![Radio](https://www.yoozecase.com/images/yootheme/photo-1705218543098-09e4e3614591.jpg)](https://www.yoozecase.com/radio)

### [Radio](https://www.yoozecase.com/radio)

###  Sub-categories

Radio goes bananzaaaa!!!

  [ Read more ](https://www.yoozecase.com/radio)

 [![Rock radio](https://www.yoozecase.com/images/yootheme/photo-1705218543098-09e4e3614591.jpg)](https://www.yoozecase.com/radio-copy)

### [Rock radio](https://www.yoozecase.com/radio-copy)

Radio is headbanging to the max

  [ Read more ](https://www.yoozecase.com/radio-copy)

 [![youtube](https://www.yoozecase.com/images/yootheme/photo-1516434464077-12b1b87bb716.jpg)](https://www.yoozecase.com/youtube)

### [youtube](https://www.yoozecase.com/youtube)

All the youtube channels in the world

  [ Read more ](https://www.yoozecase.com/youtube)

 [![Podcast](https://www.yoozecase.com/images/yootheme/photo-1628176642719-52c9c2b60835.jpg)](https://www.yoozecase.com/podcast)

### [Podcast](https://www.yoozecase.com/podcast)

All the podcasts you can imagine

  [ Read more ](https://www.yoozecase.com/podcast)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

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

##  Social media

You can populate the smart grid with your own social media. For some social media, like YouTube, TikTok, or Instagram, you have to enter the API key that you have to generate in your account; for some social media, you can enter a search key, and it will populate with that search key. For example, with Mastodon, I searched for "space," and it filled it with these articles.

 ![A bit of Pluto #pluto #nasa #space #astronomy #science #p...](https://files.mastodon.social/cache/media_attachments/files/117/403/996/388/725/922/small/3e7ca09f7786e543.jpg)

 [![A bit of Pluto #pluto #nasa #space #astronomy #science #p...](https://files.mastodon.social/cache/media_attachments/files/117/403/996/388/725/922/small/3e7ca09f7786e543.jpg)](https://mastodon.cesium.pw/@bitsofpluto/117403995586009186)

2026-10-08

## [A bit of Pluto #pluto #nasa #space #astronomy #science #p...](https://mastodon.cesium.pw/@bitsofpluto/117403995586009186)

A bit of Pluto #pluto #nasa #space #astronomy #science #plutopics

  [ Read more ](https://mastodon.cesium.pw/@bitsofpluto/117403995586009186)

 ![Margaret Hamilton, the woman who wrote code that guided t...](https://files.mastodon.social/media_attachments/files/117/403/962/001/902/326/small/8ccff81aa3fd2cac.webp)

 [![Margaret Hamilton, the woman who wrote code that guided t...](https://files.mastodon.social/media_attachments/files/117/403/962/001/902/326/small/8ccff81aa3fd2cac.webp)](https://mastodon.social/@mtcerio/117403971063206156)

2026-10-08

## [Margaret Hamilton, the woman who wrote code that guided t...](https://mastodon.social/@mtcerio/117403971063206156)

Margaret Hamilton, the woman who wrote code that guided the Apollo missions to the Moon, has passed away. RIPhttps://www.technologyreview.com/2019/08/16/579/margaret-hamilton/https://news.mit.edu/2026/margaret-hamilton-computing-pioneer-dies-1007#Space #MargaretHamilton #Apollo #Moon #NASA #women #womeninstem

  [ Read more ](https://mastodon.social/@mtcerio/117403971063206156)

 ![Another NASA crew is coming home. Here's what to expect f...](https://files.mastodon.social/cache/accounts/avatars/111/264/368/517/967/707/original/73f16ff4c33e0a84.png)

 [![Another NASA crew is coming home. Here's what to expect f...](https://files.mastodon.social/cache/accounts/avatars/111/264/368/517/967/707/original/73f16ff4c33e0a84.png)](https://rssfeed.media/@abcfeeds/117403956142948140)

2026-10-08

## [Another NASA crew is coming home. Here's what to expect f...](https://rssfeed.media/@abcfeeds/117403956142948140)

Another NASA crew is coming home. Here's what to expect from their splashdownBy Luke CooperNASA's Crew-12 astronauts are set to parachute back to Earth in a SpaceX capsule, after 237 days of conducting orbital research and lab maintenance on the International Space Station.https://www.abc.net.au/news/2026-10-08/nasa-spacex-crew-12-return-to-earth-explained/107239878#Space #SpaceExploration #Spacecraft #LukeCooper

  [ Read more ](https://rssfeed.media/@abcfeeds/117403956142948140)

 ![Truly inspirational, Margaret Hamilton will always be an ...](https://files.mastodon.social/cache/accounts/avatars/117/335/187/473/951/483/original/a3f2760a650c2d64.png)

 [![Truly inspirational, Margaret Hamilton will always be an ...](https://files.mastodon.social/cache/accounts/avatars/117/335/187/473/951/483/original/a3f2760a650c2d64.png)](https://sign.off-to.org/@stuart_j_whitmore/117403845313061384)

2026-10-08

## [Truly inspirational, Margaret Hamilton will always be an ...](https://sign.off-to.org/@stuart_j_whitmore/117403845313061384)

Truly inspirational, Margaret Hamilton will always be an icon in many ways.#computing #technology #groundbreaking #pioneer #space #apollo #women #science #STEM https://news.mit.edu/2026/margaret-hamilton-computing-pioneer-dies-1007

  [ Read more ](https://sign.off-to.org/@stuart_j_whitmore/117403845313061384)

 ![Mercury lost its crown, and isn’t our Solar System’s hott...](https://files.mastodon.social/cache/accounts/avatars/112/490/093/079/194/365/original/dea88ad3754852ac.jpeg)

 [![Mercury lost its crown, and isn’t our Solar System’s hott...](https://files.mastodon.social/cache/accounts/avatars/112/490/093/079/194/365/original/dea88ad3754852ac.jpeg)](https://fed.brid.gy/r/https://bsky.app/profile/did:plc:p54kmv7xtyjyzhhnujqmv4tx/post/3mxds3lhn6k2a)

2026-10-08

## [Mercury lost its crown, and isn’t our Solar System’s hott...](https://fed.brid.gy/r/https://bsky.app/profile/did:plc:p54kmv7xtyjyzhhnujqmv4tx/post/3mxds3lhn6k2a)

Mercury lost its crown, and isn’t our Solar System’s hottest planetMercury, as the closest planet to the Sun and the most absorptive planet in the Solar System, should be the hottest, too.Maybe it was at one point.But Venus is #1 now, and by a lot.bigthink.com/starts-with-...#space #astroMercury lost its crown, and is...

  [ Read more ](https://fed.brid.gy/r/https://bsky.app/profile/did:plc:p54kmv7xtyjyzhhnujqmv4tx/post/3mxds3lhn6k2a)

 ![Alpha Centauri is our nearest stellar system — 4.37 light...](https://files.mastodon.social/accounts/avatars/114/493/269/433/220/432/original/351a64a22748ee8c.jpg)

 [![Alpha Centauri is our nearest stellar system — 4.37 light...](https://files.mastodon.social/accounts/avatars/114/493/269/433/220/432/original/351a64a22748ee8c.jpg)](https://mastodon.social/@nexthorizon/117403745535327663)

2026-10-08

## [Alpha Centauri is our nearest stellar system — 4.37 light...](https://mastodon.social/@nexthorizon/117403745535327663)

Alpha Centauri is our nearest stellar system — 4.37 light-years away.Proxima b is an Earth-mass world in the habitable-zone range. JWST may have spotted a giant planet around Alpha Centauri A, while rocky planets could still be hiding around its Sun-like stars.https://www.nexthorizon.space/2025/04/alpha-centauri-our-first-step-beyond.html#Space #Science #Technology #Astronomy #Physics #Research #Exoplanets #AlphaCentauri

  [ Read more ](https://mastodon.social/@nexthorizon/117403745535327663)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

Twelve presets that don’t make you cry

##  Layout presets so you don't have to customize it with css

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

Image left and image right layout.

 ![Smart Grid](https://www.yoozecase.com/files/smart-grid_1.png)

 [![Smart Grid](https://www.yoozecase.com/files/smart-grid_1.png)](https://www.yoozecase.com/smart-grid?app_id=1)

### [Smart Grid](https://www.yoozecase.com/smart-grid?app_id=1)

Ever wish your site could remember what each visitor loves? Smart Grid makes it happen. Every card it shows gets a heart and a 5-star rating - visitors save what they like with a tap, filter the page down to just their favourites in a click, and show you what's actually worth the time. Then fill those cards with anything: your Joomla articles, your ZOO items, hand-picked highlights, or live posts from eight social platforms. One drag-and-drop YOOtheme Pro element, one Joomla install, zero code - and easily the most epic grid you'll ever add to a page.

  [ buy extension url Joomla ](https://yoozecase.lemonsqueezy.com/checkout/buy/715f7f63-a1b9-490d-9539-3950f48b55c4)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

 ![Quiz Whizz](https://www.yoozecase.com/files/quiz-whizz.png)

 [![Quiz Whizz](https://www.yoozecase.com/files/quiz-whizz.png)](https://www.yoozecase.com/quiz-whizz?app_id=1)

### [Quiz Whizz](https://www.yoozecase.com/quiz-whizz?app_id=1)

A powerful YOOtheme Pro quiz element for creating beautiful, interactive quizzes, self-tests and personality quizzes without code.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/619af2cc-dbad-4f5f-a4b7-077383198aeb)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

Magazine / editorial layout

 ![Quiz Whizz](https://www.yoozecase.com/files/quiz-whizz.png)

 [![Quiz Whizz](https://www.yoozecase.com/files/quiz-whizz.png)](https://www.yoozecase.com/quiz-whizz?app_id=1)

## [Quiz Whizz](https://www.yoozecase.com/quiz-whizz?app_id=1)

A powerful YOOtheme Pro quiz element for creating beautiful, interactive quizzes, self-tests and personality quizzes without code.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/619af2cc-dbad-4f5f-a4b7-077383198aeb)

 ![HootBox](https://www.yoozecase.com/files/hootbox.png)

 [![HootBox](https://www.yoozecase.com/files/hootbox.png)](https://www.yoozecase.com/hootbox?app_id=1)

## [HootBox](https://www.yoozecase.com/hootbox?app_id=1)

The smart popup element for YOOtheme Pro. Place any content, then decide when it appears, how often, and who sees it.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/dafe534a-e23c-4e8a-85d3-471c792f73b5)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

Magazine / editorial layout

 ![Quiz Whizz](https://www.yoozecase.com/files/quiz-whizz.png)

 [![Quiz Whizz](https://www.yoozecase.com/files/quiz-whizz.png)](https://www.yoozecase.com/quiz-whizz?app_id=1)

### [Quiz Whizz](https://www.yoozecase.com/quiz-whizz?app_id=1)

A powerful YOOtheme Pro quiz element for creating beautiful, interactive quizzes, self-tests and personality quizzes without code.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/619af2cc-dbad-4f5f-a4b7-077383198aeb)

 ![HootBox](https://www.yoozecase.com/files/hootbox.png)

 [![HootBox](https://www.yoozecase.com/files/hootbox.png)](https://www.yoozecase.com/hootbox?app_id=1)

### [HootBox](https://www.yoozecase.com/hootbox?app_id=1)

The smart popup element for YOOtheme Pro. Place any content, then decide when it appears, how often, and who sees it.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/dafe534a-e23c-4e8a-85d3-471c792f73b5)

 ![Wow, Handshakable Downloads!](https://www.yoozecase.com/files/comingsoon.png)

 [![Wow, Handshakable Downloads!](https://www.yoozecase.com/files/comingsoon.png)](https://www.yoozecase.com/wow-handshakable-downloads?app_id=1)

### [Wow, Handshakable Downloads!](https://www.yoozecase.com/wow-handshakable-downloads?app_id=1)

Require visitors to accept terms and conditions before downloading files in Joomla. Secure server-side validation with multilingual support.

  [ demo link ](https://www.yoozecase.com/wow-handshakable-downloads-demo)

 ![Epic Slider](https://www.yoozecase.com/files/epic-slider_1.png)

 [![Epic Slider](https://www.yoozecase.com/files/epic-slider_1.png)](https://www.yoozecase.com/epic-slider?app_id=1)

### [Epic Slider](https://www.yoozecase.com/epic-slider?app_id=1)

Epic Slider is a premium slideshow element for YOOtheme Pro with 34 cinematic transitions, moving text, video slides and a real page-curl. Works in Joomla and WordPress, with no extra frameworks.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/a0af2f20-fc91-43f6-b972-34dc8fec90d9)

 ![Traffic Boost Indexing](https://www.yoozecase.com/files/traffic-boost-indexing_1.png)

 [![Traffic Boost Indexing](https://www.yoozecase.com/files/traffic-boost-indexing_1.png)](https://www.yoozecase.com/traffic-boost-indexing?app_id=1)

### [Traffic Boost Indexing](https://www.yoozecase.com/traffic-boost-indexing?app_id=1)

Push new Joomla URLs to search engines instantly with IndexNow, Google Search Console support, automatic submissions and detailed logs.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/2fa37499-a59d-4cfb-af21-6e400ff5ead4)

 ![Smart Background Sound](https://www.yoozecase.com/files/smart-background-sound_1.png)

 [![Smart Background Sound](https://www.yoozecase.com/files/smart-background-sound_1.png)](https://www.yoozecase.com/smart-background-sound?app_id=1)

### [Smart Background Sound](https://www.yoozecase.com/smart-background-sound?app_id=1)

Tasteful ambient sound with a smart mute. Used responsibly, we promise.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/e7db9e86-781b-41ff-a8ea-9bcfc682390b)

 ![Frequently Asked Accordion](https://www.yoozecase.com/files/frequently-asked-accordion_1.png)

 [![Frequently Asked Accordion](https://www.yoozecase.com/files/frequently-asked-accordion_1.png)](https://www.yoozecase.com/frequently-asked-accordion?app_id=1)

### [Frequently Asked Accordion](https://www.yoozecase.com/frequently-asked-accordion?app_id=1)

YOOtheme Pro accordion and FAQ element. Don't ask. Just install!

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/3dbb327d-eef2-475c-965a-62a5cb040d70)

 ![Slick Page Transitions](https://www.yoozecase.com/files/slick-page-transitions.png)

 [![Slick Page Transitions](https://www.yoozecase.com/files/slick-page-transitions.png)](https://www.yoozecase.com/slick-page-transitions?app_id=1)

### [Slick Page Transitions](https://www.yoozecase.com/slick-page-transitions?app_id=1)

Page Transitions turns every click on your YOOtheme Pro site into a moment. No more jarring page jumps, just smooth cinematic panels that glide in, swap the page behind the curtain, and glide out like a hot knife through butter. Cool, effortless, and impossible to forget.

  [ demo link ](https://www.yoozecase.com/slick-page-transitions-demo)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

 16 Sep 2026

### [Jazzy Lazzy Cabazzy](https://www.yoozecase.com/smart-grid-demo-jazzy-lazzy-cabazzy?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboreLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboreLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboreLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-jazzy-lazzy-cabazzy?app_id=2)

 16 Sep 2026

### [So great is this Podcast](https://www.yoozecase.com/smart-grid-demo-so-great-is-this-podcast?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-so-great-is-this-podcast?app_id=2)

 16 Sep 2026

### [Just another day!](https://www.yoozecase.com/smart-grid-demo-just-another-day?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-just-another-day?app_id=2)

 16 Sep 2026

### [Look at me I am in the Spotlight](https://www.yoozecase.com/smart-grid-demo-look-at-me-i-am-in-the-spotlight?app_id=2)

Some items deserve more room than the rest. Spotlight is how you give it to them without building a second grid. Switch it on in the Smart Grid settings and you get a separate class of card. Bigger, bordered, badged, and placed where people look first. Choosing what gets featured. Five ways, and they stack: Tick Spotlight on any manual card. Paste a comma separated list of article or ZOO item IDs. Auto-promote first N items, so whatever is newest leads the page and you never touch the setting again. Auto-promote by tag. Type featured, hot and any item carrying one of those tags gets promoted. On a schedule. Per card you can set a start and end date. With ZOO you point the grid at two date elements; with Joomla articles you can reuse publish up and publish down. An item takes the stage on Monday and quietly drops back into the grid on Friday. Where they go. Either above the grid as its own section (1, 2 or 3 columns) or inside the grid, pinned to the top. Inside mode keeps one flowing layout; above mode reads more like a magazine front page. How big. Every spotlight card claims cells: full width, big (2x2), wide (2x1), tall (1x2), or normal. You set a default for the grid and any single card can override it, so one item can go full width while the other two sit as 2x1 tiles next to each other. On phones every size collapses to one column, so nothing gets squashed. You can also fix the image height for spotlight cards only, leaving the rest of the grid alone. How they look. Border style, width and colour. An animated running border if you want movement, with three speeds. A coloured glow with adjustable size. A drop shadow with its own colour, offset, blur and spread. Corner radius. All of it applies to spotlight cards only. The badge. Default text is "Spotlight", but write whatever you like ("Editor's pick", "Nieuw", "Sold out") and set the background and text colour. Five shapes: pill, corner ribbon, corner label, a banner across the image, or none. The hero layout. This is the one people notice. Turn on Wide layout and the spotlight card becomes a hero: the image fills the whole card, a gradient runs in from one side, and the title sits on top at a size you choose. Pick the gradient colour and how strong it is. And instead of a still image, the background can be a video, reusing the YouTube, Vimeo or MP4 link already on the item. The picture still renders underneath as the poster, so phones and anyone who asked for reduced motion get a clean image instead of a loop. ZOO extras. Spotlight cards can carry the extra fields when the rest of the grid doesn't, or skip them when the rest of the grid shows them. Three options: inherit, always, never. In a hurry? The Hero Spotlight layout preset sets most of this up in one click, then you adjust from there.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-look-at-me-i-am-in-the-spotlight?app_id=2)

 16 Sep 2026

### [Lead me to the RSS Feed](https://www.yoozecase.com/smart-grid-demo-lead-me-to-the-rss-feed?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-lead-me-to-the-rss-feed?app_id=2)

 16 Sep 2026

### [Spotify can't lie](https://www.yoozecase.com/smart-grid-demo-spotify-cant-lie?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-spotify-cant-lie?app_id=2)

 16 Sep 2026

### [Radio gaga](https://www.yoozecase.com/smart-grid-demo-radio-gaga?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-radio-gaga?app_id=2)

 16 Sep 2026

### [If youtube is not real](https://www.yoozecase.com/smart-grid-demo-if-youtube-is-not-real?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboreLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboreLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laboreLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-if-youtube-is-not-real?app_id=2)

 16 Sep 2026

### [Smart grid is Smart](https://www.yoozecase.com/smart-grid-demo-smart-grid-is-smart?app_id=2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  [ Read more ](https://www.yoozecase.com/smart-grid-demo-smart-grid-is-smart?app_id=2)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

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.

##  Flip it like there is no tomorrow

 ![Smart Grid](https://www.yoozecase.com/files/smart-grid_1.png)

 [![Smart Grid](https://www.yoozecase.com/files/smart-grid_1.png)](https://www.yoozecase.com/smart-grid?app_id=1)

### [Smart Grid](https://www.yoozecase.com/smart-grid?app_id=1)

Ever wish your site could remember what each visitor loves? Smart Grid makes it happen. Every card it shows gets a heart and a 5-star rating - visitors save what they like with a tap, filter the page down to just their favourites in a click, and show you what's actually worth the time. Then fill those cards with anything: your Joomla articles, your ZOO items, hand-picked highlights, or live posts from eight social platforms. One drag-and-drop YOOtheme Pro element, one Joomla install, zero code - and easily the most epic grid you'll ever add to a page.

 ![Frequently Asked Accordion](https://www.yoozecase.com/files/frequently-asked-accordion_1.png)

 [![Frequently Asked Accordion](https://www.yoozecase.com/files/frequently-asked-accordion_1.png)](https://www.yoozecase.com/frequently-asked-accordion?app_id=1)

### [Frequently Asked Accordion](https://www.yoozecase.com/frequently-asked-accordion?app_id=1)

YOOtheme Pro accordion and FAQ element. Don't ask. Just install!

 ![Auto Add Alt And Title](https://www.yoozecase.com/files/auto-add-alt-and-title_1.png)

 [![Auto Add Alt And Title](https://www.yoozecase.com/files/auto-add-alt-and-title_1.png)](https://www.yoozecase.com/auto-add-alt-and-title?app_id=1)

### [Auto Add Alt And Title](https://www.yoozecase.com/auto-add-alt-and-title?app_id=1)

Bulk-fill every missing alt text while you sip your coffee. Titles only when they add something.

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

##  Hart it or rate it or both it.

click the hart to favourite it or when users are logged in they can rate the item/article

 ![Smart Grid](https://www.yoozecase.com/files/smart-grid_1.png)

 [![Smart Grid](https://www.yoozecase.com/files/smart-grid_1.png)](https://www.yoozecase.com/smart-grid?app_id=1)

### [Smart Grid](https://www.yoozecase.com/smart-grid?app_id=1)

Ever wish your site could remember what each visitor loves? Smart Grid makes it happen. Every card it shows gets a heart and a 5-star rating - visitors save what they like with a tap, filter the page down to just their favourites in a click, and show you what's actually worth the time. Then fill those cards with anything: your Joomla articles, your ZOO items, hand-picked highlights, or live posts from eight social platforms. One drag-and-drop YOOtheme Pro element, one Joomla install, zero code - and easily the most epic grid you'll ever add to a page.

  [ buy extension url Joomla ](https://yoozecase.lemonsqueezy.com/checkout/buy/715f7f63-a1b9-490d-9539-3950f48b55c4)

 ![Frequently Asked Accordion](https://www.yoozecase.com/files/frequently-asked-accordion_1.png)

 [![Frequently Asked Accordion](https://www.yoozecase.com/files/frequently-asked-accordion_1.png)](https://www.yoozecase.com/frequently-asked-accordion?app_id=1)

### [Frequently Asked Accordion](https://www.yoozecase.com/frequently-asked-accordion?app_id=1)

YOOtheme Pro accordion and FAQ element. Don't ask. Just install!

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/3dbb327d-eef2-475c-965a-62a5cb040d70)

 ![Auto Add Alt And Title](https://www.yoozecase.com/files/auto-add-alt-and-title_1.png)

 [![Auto Add Alt And Title](https://www.yoozecase.com/files/auto-add-alt-and-title_1.png)](https://www.yoozecase.com/auto-add-alt-and-title?app_id=1)

### [Auto Add Alt And Title](https://www.yoozecase.com/auto-add-alt-and-title?app_id=1)

Bulk-fill every missing alt text while you sip your coffee. Titles only when they add something.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/7a1b8776-9e27-46a9-b4be-9cd2a06daa10)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

##  Filter and layout options.

click the hart to favourite it or when users are logged in they can rate the item/article

 [All](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=2&pdpage_ycgrid_5=1&pdpage_ycgrid_15=1#yc-grid-ycgrid_15) [ smart-grid-changelog ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=2&pdpage_ycgrid_5=1&pdpage_ycgrid_15=1&pdtag_ycgrid_15=smart-grid-changelog#yc-grid-ycgrid_15) [ frequently-asked-accordion-changelog ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=2&pdpage_ycgrid_5=1&pdpage_ycgrid_15=1&pdtag_ycgrid_15=frequently-asked-accordion-changelog#yc-grid-ycgrid_15) [ auto-add-alt-and-title-changelog ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=2&pdpage_ycgrid_5=1&pdpage_ycgrid_15=1&pdtag_ycgrid_15=auto-add-alt-and-title-changelog#yc-grid-ycgrid_15)

 ![Smart Grid](https://www.yoozecase.com/files/smart-grid_1.png)

 [![Smart Grid](https://www.yoozecase.com/files/smart-grid_1.png)](https://www.yoozecase.com/smart-grid?app_id=1)

### [Smart Grid](https://www.yoozecase.com/smart-grid?app_id=1)

Ever wish your site could remember what each visitor loves? Smart Grid makes it happen. Every card it shows gets a heart and a 5-star rating - visitors save what they like with a tap, filter the page down to just their favourites in a click, and show you what's actually worth the time. Then fill those cards with anything: your Joomla articles, your ZOO items, hand-picked highlights, or live posts from eight social platforms. One drag-and-drop YOOtheme Pro element, one Joomla install, zero code - and easily the most epic grid you'll ever add to a page.

  [ buy extension url Joomla ](https://yoozecase.lemonsqueezy.com/checkout/buy/715f7f63-a1b9-490d-9539-3950f48b55c4)

 ![Frequently Asked Accordion](https://www.yoozecase.com/files/frequently-asked-accordion_1.png)

 [![Frequently Asked Accordion](https://www.yoozecase.com/files/frequently-asked-accordion_1.png)](https://www.yoozecase.com/frequently-asked-accordion?app_id=1)

### [Frequently Asked Accordion](https://www.yoozecase.com/frequently-asked-accordion?app_id=1)

YOOtheme Pro accordion and FAQ element. Don't ask. Just install!

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/3dbb327d-eef2-475c-965a-62a5cb040d70)

 ![Auto Add Alt And Title](https://www.yoozecase.com/files/auto-add-alt-and-title_1.png)

 [![Auto Add Alt And Title](https://www.yoozecase.com/files/auto-add-alt-and-title_1.png)](https://www.yoozecase.com/auto-add-alt-and-title?app_id=1)

### [Auto Add Alt And Title](https://www.yoozecase.com/auto-add-alt-and-title?app_id=1)

Bulk-fill every missing alt text while you sip your coffee. Titles only when they add something.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/7a1b8776-9e27-46a9-b4be-9cd2a06daa10)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

##  Custom loader animation.

You can have your own custom loader with a smart grid. We made this so you can show your company logo or other cool animations while the grid is loading the next items. you can go to LottieFiles and choose a free animation there, take the link, and you can paste it into the loader settings. You can have a total of 3 animations, and it will randomly play one when loading new items.

 [All](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1#yc-grid-ycgrid_16) [ quiz-whizz ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1&pdtag_ycgrid_16=quiz-whizz#yc-grid-ycgrid_16) [ hootbox ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1&pdtag_ycgrid_16=hootbox#yc-grid-ycgrid_16) [ wow-handshakable-downloads ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1&pdtag_ycgrid_16=wow-handshakable-downloads#yc-grid-ycgrid_16) [ epic-slider ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1&pdtag_ycgrid_16=epic-slider#yc-grid-ycgrid_16) [ traffic-boost-indexing ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1&pdtag_ycgrid_16=traffic-boost-indexing#yc-grid-ycgrid_16) [ smart-background-sound ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1&pdtag_ycgrid_16=smart-background-sound#yc-grid-ycgrid_16) [ frequently-asked-accordion ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1&pdtag_ycgrid_16=frequently-asked-accordion#yc-grid-ycgrid_16) [ slick-page-transitions ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1&pdtag_ycgrid_16=slick-page-transitions#yc-grid-ycgrid_16) [ what-the-footer-game ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1&pdtag_ycgrid_16=what-the-footer-game#yc-grid-ycgrid_16) [ the-most-useless-element-ever ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1&pdtag_ycgrid_16=the-most-useless-element-ever#yc-grid-ycgrid_16) [ crazy-highlights-n-doodles ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1&pdtag_ycgrid_16=crazy-highlights-n-doodles#yc-grid-ycgrid_16) [ upvote-overlord ](https://www.yoozecase.com/smart-grid-demo.md?pdpage_ycgrid_16=1&pdpage_ycgrid_5=1&pdtag_ycgrid_16=upvote-overlord#yc-grid-ycgrid_16)

 ![Epic Slider](https://www.yoozecase.com/files/epic-slider_1.png)

 [![Epic Slider](https://www.yoozecase.com/files/epic-slider_1.png)](https://www.yoozecase.com/epic-slider?app_id=1)

### [Epic Slider](https://www.yoozecase.com/epic-slider?app_id=1)

Epic Slider is a premium slideshow element for YOOtheme Pro with 34 cinematic transitions, moving text, video slides and a real page-curl. Works in Joomla and WordPress, with no extra frameworks.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/a0af2f20-fc91-43f6-b972-34dc8fec90d9) [ buy extension url WordPress ](https://shop.yoozecase.com/checkout/buy/0b94eea1-11d6-43c8-8d97-28a8efdde8e0) [ demo link ](https://www.yoozecase.com/epic-slider-demo) [ changelog link ](https://www.yoozecase.com/epic-slider-changelog) [ update server ](https://updates.yoozecase.com/epic-slider/updates.xml)

 ![Traffic Boost Indexing](https://www.yoozecase.com/files/traffic-boost-indexing_1.png)

 [![Traffic Boost Indexing](https://www.yoozecase.com/files/traffic-boost-indexing_1.png)](https://www.yoozecase.com/traffic-boost-indexing?app_id=1)

### [Traffic Boost Indexing](https://www.yoozecase.com/traffic-boost-indexing?app_id=1)

Push new Joomla URLs to search engines instantly with IndexNow, Google Search Console support, automatic submissions and detailed logs.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/2fa37499-a59d-4cfb-af21-6e400ff5ead4) [ demo link ](https://www.yoozecase.com/traffic-boost-indexing-demo) [ changelog link ](https://www.yoozecase.com/traffic-boost-indexing-changelog) [ update server ](https://updates.yoozecase.com/traffic-boost-indexing/updates.xml)

 ![Smart Background Sound](https://www.yoozecase.com/files/smart-background-sound_1.png)

 [![Smart Background Sound](https://www.yoozecase.com/files/smart-background-sound_1.png)](https://www.yoozecase.com/smart-background-sound?app_id=1)

### [Smart Background Sound](https://www.yoozecase.com/smart-background-sound?app_id=1)

Tasteful ambient sound with a smart mute. Used responsibly, we promise.

  [ buy extension url Joomla ](https://shop.yoozecase.com/checkout/buy/e7db9e86-781b-41ff-a8ea-9bcfc682390b) [ buy extension url WordPress ](https://shop.yoozecase.com/checkout/buy/7e38c651-f07c-4352-bbb1-ca9cfc8968d3) [ demo link ](https://www.yoozecase.com/smart-background-sound-demo) [ changelog link ](https://www.yoozecase.com/smart-background-sound-changelog) [ update server ](https://updates.yoozecase.com/smart-background-sound/updates.xml) [ websites that uses this element ](https://www.zelfbaas.com)

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

#  RSS feed display

Smart grid comes with a RSS feed display. You can add a static rss feed link and it will populate it in a grid like way, or when you use ZOO you can read it a link element and when you click on a grid item to read more about the article you can add this in the template and you can see more related articles, without you making it your self, let other websites do the work for you. and it automaticaly add this at schema.org to make it more findable on search engines. win win situation.

## Nintendo & Pokémon Blog

 8 items

 Feed order

No matching items.

  [![Pokémon Masters EX fixes event screen issues in upcoming October update](https://pokemonblog.com/wp-content/uploads/2021/05/weather_alert_event_pokemon_center_nurse_pokemon_masters_ex.jpg)](https://pokemonblog.com/2026/10/08/pokemon-masters-ex-fixes-event-screen-issues-in-upcoming-october-update/)

 8 Oct 2026

###  [Pokémon Masters EX fixes event screen issues in upcoming October update](https://pokemonblog.com/2026/10/08/pokemon-masters-ex-fixes-event-screen-issues-in-upcoming-october-update/)

Pokémon Masters EX has confirmed issues affecting the Pokémon 30-Year Celebration: Pokémon Masters Memories—Threads of Strength event, with incorrect buttons currently appearing on the event screen...

 [ Read original → ](https://pokemonblog.com/2026/10/08/pokemon-masters-ex-fixes-event-screen-issues-in-upcoming-october-update/)

   [![Pokémon Sleep update 3.8.3 now available with bug fixes](https://pokemonblog.com/wp-content/uploads/2023/07/pokemon_sleep_updates_pikachu.jpg)](https://pokemonblog.com/2026/10/08/pokemon-sleep-update-3-8-3-now-available-with-bug-fixes/)

 8 Oct 2026

###  [Pokémon Sleep update 3.8.3 now available with bug fixes](https://pokemonblog.com/2026/10/08/pokemon-sleep-update-3-8-3-now-available-with-bug-fixes/)

Pokémon Sleep version 3.8.3 is now available, delivering a small maintenance update focused on bug fixes. Players will need to download the latest version through their device’s app store to apply...

 [ Read original → ](https://pokemonblog.com/2026/10/08/pokemon-sleep-update-3-8-3-now-available-with-bug-fixes/)

   [![Pokémon Center Japan celebrates 1 million X followers with Pikachu smartphone stand giveaway](https://pokemonblog.com/wp-content/uploads/2023/09/pokemon_center_taipei_logo_dragonite_pikachu.jpg)](https://pokemonblog.com/2026/10/07/pokemon-center-japan-celebrates-1-million-x-followers-with-pikachu-smartphone-stand-giveaway/)

 7 Oct 2026

###  [Pokémon Center Japan celebrates 1 million X followers with Pikachu smartphone stand giveaway](https://pokemonblog.com/2026/10/07/pokemon-center-japan-celebrates-1-million-x-followers-with-pikachu-smartphone-stand-giveaway/)

Pokémon Center Japan has reached 1 million followers on X and is celebrating the milestone with a giveaway featuring a Pikachu acrylic smartphone stand. The promotion will award 100 winners selected...

 [ Read original → ](https://pokemonblog.com/2026/10/07/pokemon-center-japan-celebrates-1-million-x-followers-with-pikachu-smartphone-stand-giveaway/)

   [![Pokémon Horizons: Season 3 Part 2 now available digitally on Amazon, Apple TV and YouTube](https://pokemonblog.com/wp-content/uploads/2025/10/pokemon_horizons_season_3_rising_hope_netflix.jpg)](https://pokemonblog.com/2026/10/07/pokemon-horizons-season-3-part-2-now-available-digitally-on-amazon-apple-tv-and-youtube/)

 7 Oct 2026

###  [Pokémon Horizons: Season 3 Part 2 now available digitally on Amazon, Apple TV and YouTube](https://pokemonblog.com/2026/10/07/pokemon-horizons-season-3-part-2-now-available-digitally-on-amazon-apple-tv-and-youtube/)

Pokémon Horizons: Season 3—Rising Hope Part 2 is now available to purchase digitally on Amazon, Apple TV and YouTube Movies & TV, continuing Liko, Roy and the Rising Volt Tacklers’ adventure aboard...

 [ Read original → ](https://pokemonblog.com/2026/10/07/pokemon-horizons-season-3-part-2-now-available-digitally-on-amazon-apple-tv-and-youtube/)

   [![Pokémon GO October 2026 Community Day features Zorua with Shiny encounters and Sucker Punch Zoroark](https://pokemonblog.com/wp-content/uploads/2026/09/zorua_pokemon_go_community_day.jpg)](https://pokemonblog.com/2026/10/07/pokemon-go-october-2026-community-day-features-zorua-with-shiny-encounters-and-sucker-punch-zoroark/)

 7 Oct 2026

###  [Pokémon GO October 2026 Community Day features Zorua with Shiny encounters and Sucker Punch Zoroark](https://pokemonblog.com/2026/10/07/pokemon-go-october-2026-community-day-features-zorua-with-shiny-encounters-and-sucker-punch-zoroark/)

Pokémon GO’s October 2026 Community Day will put Zorua in the spotlight on Oct. 10 from 2 to 5 p.m. local time, with the Tricky Fox Pokémon appearing more frequently in the wild and offering...

 [ Read original → ](https://pokemonblog.com/2026/10/07/pokemon-go-october-2026-community-day-features-zorua-with-shiny-encounters-and-sucker-punch-zoroark/)

   [![Video: Pokémon TCG and Santa Cruz reveal behind-the-scenes look at 30th anniversary collaboration](https://pokemonblog.com/wp-content/uploads/2023/09/pokemon_santa_cruz_skateboards_apparel.jpg)](https://pokemonblog.com/2026/10/07/video-pokemon-tcg-and-santa-cruz-reveal-behind-the-scenes-look-at-30th-anniversary-collaboration/)

 7 Oct 2026

###  [Video: Pokémon TCG and Santa Cruz reveal behind-the-scenes look at 30th anniversary collaboration](https://pokemonblog.com/2026/10/07/video-pokemon-tcg-and-santa-cruz-reveal-behind-the-scenes-look-at-30th-anniversary-collaboration/)

The Pokémon TCG and Santa Cruz Skateboards collaboration gets a behind-the-scenes spotlight in a new video exploring how the cards were selected for the collection celebrating 30 years of Pokémon...

 [ Read original → ](https://pokemonblog.com/2026/10/07/video-pokemon-tcg-and-santa-cruz-reveal-behind-the-scenes-look-at-30th-anniversary-collaboration/)

   [![Video: Mega Rayquaza battles Deoxys in space in Pokémon Generations clip](https://pokemonblog.com/wp-content/uploads/2016/10/pokemon_generations_episode_9_the_scoop.png)](https://pokemonblog.com/2026/10/07/video-mega-rayquaza-battles-deoxys-in-space-in-pokemon-generations-clip/)

 7 Oct 2026

###  [Video: Mega Rayquaza battles Deoxys in space in Pokémon Generations clip](https://pokemonblog.com/2026/10/07/video-mega-rayquaza-battles-deoxys-in-space-in-pokemon-generations-clip/)

A new Pokémon video celebrates World Space Week 2026 with an explosive battle between Mega Rayquaza and Deoxys in space. The clip comes from Pokémon Generations Episode 9, “The Scoop,” and revisits...

 [ Read original → ](https://pokemonblog.com/2026/10/07/video-mega-rayquaza-battles-deoxys-in-space-in-pokemon-generations-clip/)

   [![Pokémon HOME update 4.1.0 adds FireRed and LeafGreen support and expands storage](https://pokemonblog.com/wp-content/uploads/2019/06/pokemon_home_a_place_where_all_pokemon_gather_nintendo_switch_and_mobile.jpg)](https://pokemonblog.com/2026/10/07/pokemon-home-update-4-1-0-adds-firered-and-leafgreen-support-and-expands-storage/)

 7 Oct 2026

###  [Pokémon HOME update 4.1.0 adds FireRed and LeafGreen support and expands storage](https://pokemonblog.com/2026/10/07/pokemon-home-update-4-1-0-adds-firered-and-leafgreen-support-and-expands-storage/)

Pokémon HOME version 4.1.0 is now available on Nintendo Switch and mobile devices, adding compatibility with Pokémon FireRed Version and Pokémon LeafGreen Version on Nintendo Switch alongside several...

 [ Read original → ](https://pokemonblog.com/2026/10/07/pokemon-home-update-4-1-0-adds-firered-and-leafgreen-support-and-expands-storage/)

## Nintendo & Pokémon Blog

 8 items

 Feed order

No matching items.

  [ ![Pokémon Masters EX fixes event screen issues in upcoming October update](https://pokemonblog.com/wp-content/uploads/2021/05/weather_alert_event_pokemon_center_nurse_pokemon_masters_ex.jpg "Pokémon Masters EX fixes event screen issues in upcoming October update 8 Oct 2026")

### Pokémon Masters EX fixes event screen issues in upcoming October update

 8 Oct 2026

 ](https://pokemonblog.com/2026/10/08/pokemon-masters-ex-fixes-event-screen-issues-in-upcoming-october-update/)   [ ![Pokémon Sleep update 3.8.3 now available with bug fixes](https://pokemonblog.com/wp-content/uploads/2023/07/pokemon_sleep_updates_pikachu.jpg "Pokémon Sleep update 3.8.3 now available with bug fixes 8 Oct 2026")

### Pokémon Sleep update 3.8.3 now available with bug fixes

 8 Oct 2026

 ](https://pokemonblog.com/2026/10/08/pokemon-sleep-update-3-8-3-now-available-with-bug-fixes/)   [ ![Pokémon Center Japan celebrates 1 million X followers with Pikachu smartphone stand giveaway](https://pokemonblog.com/wp-content/uploads/2023/09/pokemon_center_taipei_logo_dragonite_pikachu.jpg "Pokémon Center Japan celebrates 1 million X followers with Pikachu smartphone stand giveaway 7 Oct 2026")

### Pokémon Center Japan celebrates 1 million X followers with Pikachu smartphone stand giveaway

 7 Oct 2026

 ](https://pokemonblog.com/2026/10/07/pokemon-center-japan-celebrates-1-million-x-followers-with-pikachu-smartphone-stand-giveaway/)   [ ![Pokémon Horizons: Season 3 Part 2 now available digitally on Amazon, Apple TV and YouTube](https://pokemonblog.com/wp-content/uploads/2025/10/pokemon_horizons_season_3_rising_hope_netflix.jpg "Pokémon Horizons: Season 3 Part 2 now available digitally on Amazon, Apple TV and YouTube 7 Oct 2026")

### Pokémon Horizons: Season 3 Part 2 now available digitally on Amazon, Apple TV and YouTube

 7 Oct 2026

 ](https://pokemonblog.com/2026/10/07/pokemon-horizons-season-3-part-2-now-available-digitally-on-amazon-apple-tv-and-youtube/)   [ ![Pokémon GO October 2026 Community Day features Zorua with Shiny encounters and Sucker Punch Zoroark](https://pokemonblog.com/wp-content/uploads/2026/09/zorua_pokemon_go_community_day.jpg "Pokémon GO October 2026 Community Day features Zorua with Shiny encounters and Sucker Punch Zoroark 7 Oct 2026")

### Pokémon GO October 2026 Community Day features Zorua with Shiny encounters and Sucker Punch Zoroark

 7 Oct 2026

 ](https://pokemonblog.com/2026/10/07/pokemon-go-october-2026-community-day-features-zorua-with-shiny-encounters-and-sucker-punch-zoroark/)   [ ![Video: Pokémon TCG and Santa Cruz reveal behind-the-scenes look at 30th anniversary collaboration](https://pokemonblog.com/wp-content/uploads/2023/09/pokemon_santa_cruz_skateboards_apparel.jpg "Video: Pokémon TCG and Santa Cruz reveal behind-the-scenes look at 30th anniversary collaboration 7 Oct 2026")

### Video: Pokémon TCG and Santa Cruz reveal behind-the-scenes look at 30th anniversary collaboration

 7 Oct 2026

 ](https://pokemonblog.com/2026/10/07/video-pokemon-tcg-and-santa-cruz-reveal-behind-the-scenes-look-at-30th-anniversary-collaboration/)   [ ![Video: Mega Rayquaza battles Deoxys in space in Pokémon Generations clip](https://pokemonblog.com/wp-content/uploads/2016/10/pokemon_generations_episode_9_the_scoop.png "Video: Mega Rayquaza battles Deoxys in space in Pokémon Generations clip 7 Oct 2026")

### Video: Mega Rayquaza battles Deoxys in space in Pokémon Generations clip

 7 Oct 2026

 ](https://pokemonblog.com/2026/10/07/video-mega-rayquaza-battles-deoxys-in-space-in-pokemon-generations-clip/)   [ ![Pokémon HOME update 4.1.0 adds FireRed and LeafGreen support and expands storage](https://pokemonblog.com/wp-content/uploads/2019/06/pokemon_home_a_place_where_all_pokemon_gather_nintendo_switch_and_mobile.jpg "Pokémon HOME update 4.1.0 adds FireRed and LeafGreen support and expands storage 7 Oct 2026")

### Pokémon HOME update 4.1.0 adds FireRed and LeafGreen support and expands storage

 7 Oct 2026

 ](https://pokemonblog.com/2026/10/07/pokemon-home-update-4-1-0-adds-firered-and-leafgreen-support-and-expands-storage/)

## Nintendo & Pokémon Blog

 [ Nintendo & Pokémon Blog Pokémon Masters EX fixes event screen issues in upcoming October update ](https://pokemonblog.com/2026/10/08/pokemon-masters-ex-fixes-event-screen-issues-in-upcoming-october-update/) • [ Nintendo & Pokémon Blog Pokémon Sleep update 3.8.3 now available with bug fixes ](https://pokemonblog.com/2026/10/08/pokemon-sleep-update-3-8-3-now-available-with-bug-fixes/) • [ Nintendo & Pokémon Blog Pokémon Center Japan celebrates 1 million X followers with Pikachu smartphone stand giveaway ](https://pokemonblog.com/2026/10/07/pokemon-center-japan-celebrates-1-million-x-followers-with-pikachu-smartphone-stand-giveaway/) • [ Nintendo & Pokémon Blog Pokémon Horizons: Season 3 Part 2 now available digitally on Amazon, Apple TV and YouTube ](https://pokemonblog.com/2026/10/07/pokemon-horizons-season-3-part-2-now-available-digitally-on-amazon-apple-tv-and-youtube/) • [ Nintendo & Pokémon Blog Pokémon GO October 2026 Community Day features Zorua with Shiny encounters and Sucker Punch Zoroark ](https://pokemonblog.com/2026/10/07/pokemon-go-october-2026-community-day-features-zorua-with-shiny-encounters-and-sucker-punch-zoroark/) • [ Nintendo & Pokémon Blog Video: Pokémon TCG and Santa Cruz reveal behind-the-scenes look at 30th anniversary collaboration ](https://pokemonblog.com/2026/10/07/video-pokemon-tcg-and-santa-cruz-reveal-behind-the-scenes-look-at-30th-anniversary-collaboration/) • [ Nintendo & Pokémon Blog Video: Mega Rayquaza battles Deoxys in space in Pokémon Generations clip ](https://pokemonblog.com/2026/10/07/video-mega-rayquaza-battles-deoxys-in-space-in-pokemon-generations-clip/) • [ Nintendo & Pokémon Blog Pokémon HOME update 4.1.0 adds FireRed and LeafGreen support and expands storage ](https://pokemonblog.com/2026/10/07/pokemon-home-update-4-1-0-adds-firered-and-leafgreen-support-and-expands-storage/) • [ Nintendo & Pokémon Blog Pokémon Masters EX fixes event screen issues in upcoming October update ](https://pokemonblog.com/2026/10/08/pokemon-masters-ex-fixes-event-screen-issues-in-upcoming-october-update/) • [ Nintendo & Pokémon Blog Pokémon Sleep update 3.8.3 now available with bug fixes ](https://pokemonblog.com/2026/10/08/pokemon-sleep-update-3-8-3-now-available-with-bug-fixes/) • [ Nintendo & Pokémon Blog Pokémon Center Japan celebrates 1 million X followers with Pikachu smartphone stand giveaway ](https://pokemonblog.com/2026/10/07/pokemon-center-japan-celebrates-1-million-x-followers-with-pikachu-smartphone-stand-giveaway/) • [ Nintendo & Pokémon Blog Pokémon Horizons: Season 3 Part 2 now available digitally on Amazon, Apple TV and YouTube ](https://pokemonblog.com/2026/10/07/pokemon-horizons-season-3-part-2-now-available-digitally-on-amazon-apple-tv-and-youtube/) • [ Nintendo & Pokémon Blog Pokémon GO October 2026 Community Day features Zorua with Shiny encounters and Sucker Punch Zoroark ](https://pokemonblog.com/2026/10/07/pokemon-go-october-2026-community-day-features-zorua-with-shiny-encounters-and-sucker-punch-zoroark/) • [ Nintendo & Pokémon Blog Video: Pokémon TCG and Santa Cruz reveal behind-the-scenes look at 30th anniversary collaboration ](https://pokemonblog.com/2026/10/07/video-pokemon-tcg-and-santa-cruz-reveal-behind-the-scenes-look-at-30th-anniversary-collaboration/) • [ Nintendo & Pokémon Blog Video: Mega Rayquaza battles Deoxys in space in Pokémon Generations clip ](https://pokemonblog.com/2026/10/07/video-mega-rayquaza-battles-deoxys-in-space-in-pokemon-generations-clip/) • [ Nintendo & Pokémon Blog Pokémon HOME update 4.1.0 adds FireRed and LeafGreen support and expands storage ](https://pokemonblog.com/2026/10/07/pokemon-home-update-4-1-0-adds-firered-and-leafgreen-support-and-expands-storage/) •

##  Ads and schema.org

Drop Google AdSense units right into the grid, every N items (fixed or randomised), no template editing. Or place a manual ad card exactly where you want it via Add Item. Auto, in-feed, rectangle, banner or vertical formats, all through your existing publisher ID and ad slot.

Adds schema.org JSON-LD so search engines and AI answer engines understand what the grid actually contains, not just guess from markup. Pick a type (podcasts, blog, events, radio, generic list) or leave it on Automatic. Off by default, on with one click.

 [![For the cheeta's hart can't be broken](https://www.yoozecase.com/images/yootheme/photo-1705218543098-09e4e3614591.jpg)](https://example.com)

Example category

### [For the cheeta's hart can't be broken](https://example.com)

This is an example card. Replace this text, the image and the link with your own content.

  [ Read more ](https://example.com)

 [![A forest can only contain that much rainbows](https://www.yoozecase.com/images/yootheme/photo-1628176642719-52c9c2b60835.jpg)](https://example.com)

Example category

### [A forest can only contain that much rainbows](https://example.com)

This is an example card. Replace this text, the image and the link with your own content.

  [ Read more ](https://example.com)

 [![Don't bug a bug](https://www.yoozecase.com/images/yootheme/photo-1516434464077-12b1b87bb716.jpg)](https://example.com)

Example category

### [Don't bug a bug](https://example.com)

This is an example card. Replace this text, the image and the link with your own content.

  [ Read more ](https://example.com)

 [![How many lines has a road?](https://www.yoozecase.com/images/yootheme/photo-1486673748761-a8d18475c757.jpg)](https://example.com)

Example category

### [How many lines has a road?](https://example.com)

This is an example card. Replace this text, the image and the link with your own content.

  [ Read more ](https://example.com)

 [![How many lines has a road?](https://www.yoozecase.com/images/yootheme/photo-1486673748761-a8d18475c757.jpg)](https://example.com)

Example category

### [How many lines has a road?](https://example.com)

This is an example card. Replace this text, the image and the link with your own content.

  [ Read more ](https://example.com)

 [![How many lines has a road?](https://www.yoozecase.com/images/yootheme/photo-1486673748761-a8d18475c757.jpg)](https://example.com)

Example category

### [How many lines has a road?](https://example.com)

This is an example card. Replace this text, the image and the link with your own content.

  [ Read more ](https://example.com)

 ![Smart grid ads](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/YT-02-six-plugins.png)Sponsord by Yoozecase

Smart grid ads

 [![How many lines has a road?](https://www.yoozecase.com/images/yootheme/photo-1486673748761-a8d18475c757.jpg)](https://example.com)

Example category

### [How many lines has a road?](https://example.com)

This is an example card. Replace this text, the image and the link with your own content.

  [ Read more ](https://example.com)

 ![Buy Smart grid now!](https://www.yoozecase.com/images/Smart%20grid%20demo%20images/IG-01-smart-grid.png)Buy Smart grid now!

You haven't favourited any items yet.
Click the ♡ on any item to save it here.
Favourites are saved on this device.

No items match this filter.

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.

###  Contents

No settings match your search.

 ## Smart Grid YOOtheme Pro

This manual documents Smart Grid YOOtheme Pro, version 4.8.1.

Adds the Smart Grid element to the YOOtheme Pro page builder under A YOOzeCase Company. Features: favourites, star ratings, flip cards, image slideshows, spotlight, advertisements, filter sidebar, social media feeds, and more.

 ### What's new

 #### 4.8.1 (2026-10-02)

##### Security

- RSS feed descriptions are cleaned with Joomla's own HTML filter. A feed could previously slip a script link or page-covering styling into a description. With the "strip all formatting" setting and no shortening, text that a feed sent as encoded markup was even printed as live markup.
- Links that come from a feed or a social platform are only used when they are normal web addresses (http or https). Anything else is left out instead of becoming a clickable link.
- When Smart Grid fetches a feed, a picture for a feed item, related links or a SoundCloud feed, every redirect is now checked before it is followed, and very large downloads are stopped. Before, only the first address was checked, and the SoundCloud check could be fooled.
- The limits on the public preview, connection-test and article-fetch requests now also count per visitor address, so they can no longer be avoided by dropping the browser cookie.
- Error messages and internal details are no longer sent back to visitors; they go to the Joomla log instead.
- The administrator diagnostic view escapes everything it shows.
- The rating lookup accepts a limited number of items per request.

  #### 4.8.0 (2026-10-02)

##### Added

- A License tab in the plugin settings. Paste the key from your order confirmation and press Activate to register this site; press Deactivate before moving the key to another site. Uninstalling the plugin releases the key automatically. The key does not switch any feature on or off, and updates arrive with or without it.

  #### 4.7.3 (2026-10-02)

##### Changed

- Smart Grid is now licensed under the GNU General Public License version 2 or later. The previous licence files and file headers have been replaced, and the separate terms file is no longer part of the package; the commercial terms are at https://www.yoozecase.com/terms.

##### Fixed

- **Updates are found again.** Up to 4.7.2 the plugin looked for updates at two addresses that no longer exist, so Joomla showed "Could not open update site" and never offered a new version. It now uses https://updates.yoozecase.com/smart-grid/updates.xml. On install the old update sites are moved to the new address or switched off, so they stop showing errors.

  #### 4.7.2 (2026-09-24)

##### Security

- **Smart Grid now respects Joomla access levels for ZOO items.** A ZOO item set to Registered, Special or any other non-public access level no longer appears on a grid for a visitor who is not allowed to see it. Articles already worked this way.
- **Take the category from the URL only accepts a published category of the grid's own ZOO app.** Any other category number in the address is ignored and the grid shows its saved category.
- **The builder's Preview items button only lists content the visitor may see.** It previously listed the newest titles of every published article and ZOO item, whatever their access level.
- **Removed an unused internal diagnostic request** that could return raw ZOO item data to anyone who knew its name.

##### Changed

- **A grid may show fewer ZOO items than before.** Items that are published but restricted to a logged-in group are now hidden from visitors outside that group. If such an item is missing from the YOOtheme builder preview, check the preview with an account that is allowed to see it.

  #### 4.7.1 (2026-09-21)

##### Fixed

- **RSS Feed Display, magazine layout: the four small items had no card background.** They sat transparent next to the two large cards, and on a dark section their headlines were unreadable. They now use the same card background as every other item.
- **The magazine layout ignored the Card background setting.** Its cells were hard-coded white, so choosing Transparent, Glass or Muted changed nothing there. All five layouts now follow the setting, and the headline colour follows with it.

   ### Plugin settings

 #### Smart Grid YOOtheme Pro

 #####  Apply global loader to all grids [\#](#yc-manual-yc-manual-settings-smart-grid-yootheme-pro-global-loader-enable)

 Where to find it Plugin settings › Smart Grid YOOtheme Pro › Apply global loader to all grids

When YES, the global loader settings below override EVERY grid's per-grid loader settings on the entire site. When NO, each grid uses its own loader configured in the YOOtheme customizer.

  Type `radio` Default  `No (per-grid)`  Options - No (per-grid) `0`
- Yes (override every grid) `1`

    #####  Global Lottie URL #1 [\#](#yc-manual-yc-manual-settings-smart-grid-yootheme-pro-global-loader-lottie)

 Where to find it Plugin settings › Smart Grid YOOtheme Pro › Global Lottie URL #1

Primary Lottie animation URL. Accepts both .lottie and .json. Get free animations at lottiefiles.com.

  Type `text` Default  Not set    #####  Global Lottie URL #2 (optional, random pool) [\#](#yc-manual-yc-manual-settings-smart-grid-yootheme-pro-global-loader-lottie-2)

 Where to find it Plugin settings › Smart Grid YOOtheme Pro › Global Lottie URL #2 (optional, random pool)

Optional second Lottie. Together with #1 (and/or #3), one is picked randomly on each AJAX swap.

  Type `text` Default  Not set    #####  Global Lottie URL #3 (optional, random pool) [\#](#yc-manual-yc-manual-settings-smart-grid-yootheme-pro-global-loader-lottie-3)

 Where to find it Plugin settings › Smart Grid YOOtheme Pro › Global Lottie URL #3 (optional, random pool)

Optional third Lottie. Joins the random pool.

  Type `text` Default  Not set    #####  Global Loader Image (fallback) [\#](#yc-manual-yc-manual-settings-smart-grid-yootheme-pro-global-loader-image)

 Where to find it Plugin settings › Smart Grid YOOtheme Pro › Global Loader Image (fallback)

Optional GIF / PNG / SVG used when no Global Lottie URL is set. Pick from media library.

  Type `media` Default  Not set    #####  Global Default Loader Color [\#](#yc-manual-yc-manual-settings-smart-grid-yootheme-pro-global-loader-color)

 Where to find it Plugin settings › Smart Grid YOOtheme Pro › Global Default Loader Color

Color of the default ring spinner (used only when no Lottie + no image is set).

  Type `color` Default  `#0891b2`    #####  Global Loader Size (pixels) [\#](#yc-manual-yc-manual-settings-smart-grid-yootheme-pro-global-loader-size)

 Where to find it Plugin settings › Smart Grid YOOtheme Pro › Global Loader Size (pixels)

Width and height of the loader. Range 16-1000.

  Type `number` Default  `56`    #####  Global Loader Backdrop Tint (optional) [\#](#yc-manual-yc-manual-settings-smart-grid-yootheme-pro-global-loader-backdrop-color)

 Where to find it Plugin settings › Smart Grid YOOtheme Pro › Global Loader Backdrop Tint (optional)

Optional hex color tint behind the loader (applied at 65 percent alpha). Empty = fully transparent + frosted blur.

  Type `color` Default  Not set    #####  Global Loader Backdrop Edge Fade (px) [\#](#yc-manual-yc-manual-settings-smart-grid-yootheme-pro-global-loader-backdrop-fade)

 Where to find it Plugin settings › Smart Grid YOOtheme Pro › Global Loader Backdrop Edge Fade (px)

Soft fade-to-transparent zone on each edge. 0 = hard edge. Range 0-200.

  Type `number` Default  `32`     #### License

 #####  License Key [\#](#yc-manual-yc-manual-settings-license-license-key)

 Where to find it Plugin settings › License › License Key

The key from your YOOzeCase order confirmation. Paste it here and press Activate, which ties the key to this site. Leave it empty if you have no subscription: Smart Grid keeps working without a key, because updates are not restricted yet, so a key is a registration and not a lock. One key covers 999 sites. Press Deactivate before you move it to another site.

  Type `password` Default  Not set    #####  Status [\#](#yc-manual-yc-manual-settings-license-license-panel)

 Where to find it Plugin settings › License › Status

Shows the last answer from the licence server and lets you activate this site or release it again. Answers are cached for 24 hours, so these buttons are the only way to force a fresh check. When the server cannot be reached the status stays as it is for another seven days instead of switching itself off.

  Type `ycsmartgridlicense` Default  Not set      ### Grid Item

 #### Content

 #####  Item type [\#](#yc-manual-yc-manual-element-smart-grid-card-content-item-type)

 Where to find it YOOtheme builder › Grid Item › Content › Item type

Advertisement: shows a full-bleed image; hovering reveals a title + link overlay. No heart, no tags, not filterable.

  Type `select` Default  `Normal item`  Options - Normal item `normal`
- Advertisement `ad`

    #####  Title [\#](#yc-manual-yc-manual-element-smart-grid-card-content-title)

 Where to find it YOOtheme builder › Grid Item › Content › Title

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Title HTML tag (override) [\#](#yc-manual-yc-manual-element-smart-grid-card-content-title-html-tag)

 Where to find it YOOtheme builder › Grid Item › Content › Title HTML tag (override)

Override the heading tag for this card. Leave on "Inherit" to use the grid-level setting.

  Type `select` Default  Not set  Options - Inherit (use grid default) ``
- H1 `h1`
- H2 `h2`
- H3 `h3`
- H4 `h4`
- H5 `h5`
- H6 `h6`

    #####  Title style (override) [\#](#yc-manual-yc-manual-element-smart-grid-card-content-title-style)

 Where to find it YOOtheme builder › Grid Item › Content › Title style (override)

Override the visual heading style for this card. Leave on "Inherit" to use the grid-level setting.

  Type `select` Default  `Inherit (use grid default)`  Options - Inherit (use grid default) `inherit`
- Default ``
- Heading 2XLarge `uk-heading-2xlarge`
- Heading XLarge `uk-heading-xlarge`
- Heading Large `uk-heading-large`
- Heading Medium `uk-heading-medium`
- Heading Small `uk-heading-small`
- Heading Hero `uk-heading-hero`
- Heading Divider `uk-heading-divider`
- Heading Bullet `uk-heading-bullet`
- Heading Line `uk-heading-line`

    #####  Meta Text [\#](#yc-manual-yc-manual-element-smart-grid-card-content-meta-text)

 Where to find it YOOtheme builder › Grid Item › Content › Meta Text

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Content [\#](#yc-manual-yc-manual-element-smart-grid-card-content-content)

 Where to find it YOOtheme builder › Grid Item › Content › Content

This setting has no help text in the plugin.

  Type `textarea` Default  Not set    #####  Media type [\#](#yc-manual-yc-manual-element-smart-grid-card-content-media-type)

 Where to find it YOOtheme builder › Grid Item › Content › Media type

Choose whether this card shows a static image, a YouTube video, or streams a radio / audio URL.

  Type `select` Default  `Image`  Options - Image `image`
- YouTube video `video_youtube`
- Radio stream `radio_stream`
- Spotify embed `spotify_embed`

    #####  Image [\#](#yc-manual-yc-manual-element-smart-grid-card-content-image)

 Where to find it YOOtheme builder › Grid Item › Content › Image

This setting has no help text in the plugin.

  Type `image` Default  Not set    #####  Image 2 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-image-2)

 Where to find it YOOtheme builder › Grid Item › Content › Image 2

Add extra images to turn this card into a slideshow.

  Type `image` Default  Not set    #####  Image 3 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-image-3)

 Where to find it YOOtheme builder › Grid Item › Content › Image 3

This setting has no help text in the plugin.

  Type `image` Default  Not set    #####  Image 4 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-image-4)

 Where to find it YOOtheme builder › Grid Item › Content › Image 4

This setting has no help text in the plugin.

  Type `image` Default  Not set    #####  Image 5 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-image-5)

 Where to find it YOOtheme builder › Grid Item › Content › Image 5

This setting has no help text in the plugin.

  Type `image` Default  Not set    #####  Image interaction (this card) [\#](#yc-manual-yc-manual-element-smart-grid-card-content-image-interaction)

 Where to find it YOOtheme builder › Grid Item › Content › Image interaction (this card)

This setting has no help text in the plugin.

  Type `select` Default  `Inherit from grid`  Options - Inherit from grid `inherit`
- Slideshow (arrows + dots) `slideshow`
- Hover scrub / 360 spin `hover_scrub`

    #####  YouTube URL [\#](#yc-manual-yc-manual-element-smart-grid-card-content-video-url)

 Where to find it YOOtheme builder › Grid Item › Content › YouTube URL

Paste any YouTube link: youtube.com/watch?v=… or youtu.be/…

  Type `text` Default  Not set    #####  Radio stream URL [\#](#yc-manual-yc-manual-element-smart-grid-card-content-radio-url)

 Where to find it YOOtheme builder › Grid Item › Content › Radio stream URL

Paste the direct audio-stream URL (mp3, aac, m3u8, ogg, etc.). The image above will still be shown as cover art.

  Type `text` Default  Not set    #####  Spotify URL [\#](#yc-manual-yc-manual-element-smart-grid-card-content-spotify-url)

 Where to find it YOOtheme builder › Grid Item › Content › Spotify URL

Paste a Spotify URL: track, episode, show, album, or playlist. Example: https://open.spotify.com/track/...

  Type `text` Default  Not set    #####  Button URL 1 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-btn-url-1)

 Where to find it YOOtheme builder › Grid Item › Content › Button URL 1

Add as many buttons as you need. Fill in a URL and the next button row appears (up to 6). The first button uses the Link style, the rest use the Second button style. Leave the text empty to use the default button text set on the grid.

  Type `text` Default  Not set    #####  Button text 1 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-btn-text-1)

 Where to find it YOOtheme builder › Grid Item › Content › Button text 1

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button URL 2 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-btn-url-2)

 Where to find it YOOtheme builder › Grid Item › Content › Button URL 2

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button text 2 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-btn-text-2)

 Where to find it YOOtheme builder › Grid Item › Content › Button text 2

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button URL 3 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-btn-url-3)

 Where to find it YOOtheme builder › Grid Item › Content › Button URL 3

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button text 3 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-btn-text-3)

 Where to find it YOOtheme builder › Grid Item › Content › Button text 3

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button URL 4 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-btn-url-4)

 Where to find it YOOtheme builder › Grid Item › Content › Button URL 4

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button text 4 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-btn-text-4)

 Where to find it YOOtheme builder › Grid Item › Content › Button text 4

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button URL 5 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-btn-url-5)

 Where to find it YOOtheme builder › Grid Item › Content › Button URL 5

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button text 5 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-btn-text-5)

 Where to find it YOOtheme builder › Grid Item › Content › Button text 5

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button URL 6 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-btn-url-6)

 Where to find it YOOtheme builder › Grid Item › Content › Button URL 6

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button text 6 [\#](#yc-manual-yc-manual-element-smart-grid-card-content-btn-text-6)

 Where to find it YOOtheme builder › Grid Item › Content › Button text 6

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Corner Thumbnail [\#](#yc-manual-yc-manual-element-smart-grid-card-content-thumbnail)

 Where to find it YOOtheme builder › Grid Item › Content › Corner Thumbnail

Small square image shown in the top-left corner of the card.

  Type `image` Default  Not set    #####  Tags [\#](#yc-manual-yc-manual-element-smart-grid-card-content-tags)

 Where to find it YOOtheme builder › Grid Item › Content › Tags

Comma-separated tags, e.g. Nature, Travel, Food

  Type `text` Default  Not set    #####  Spotlight [\#](#yc-manual-yc-manual-element-smart-grid-card-content-spotlight)

 Where to find it YOOtheme builder › Grid Item › Content › Spotlight

Spotlight items appear above (or pinned at the top of) the grid in a visually distinct highlighted section.

  Type `checkbox` Default  `0`    #####  Spotlight start date [\#](#yc-manual-yc-manual-element-smart-grid-card-content-spotlight-start-date)

 Where to find it YOOtheme builder › Grid Item › Content › Spotlight start date

Start showing this item as spotlight at this date and time. Leave empty = always spotlight (no start gate). When the item is outside its scheduled window, it falls back to a regular grid item (still visible, just not spotlight).

  Type `text` Default  Not set    #####  Spotlight size [\#](#yc-manual-yc-manual-element-smart-grid-card-content-spotlight-size)

 Where to find it YOOtheme builder › Grid Item › Content › Spotlight size

How many grid cells THIS card spans when it is a spotlight.

  Type `select` Default  `Use grid default`  Options - Use grid default `inherit`
- Full width (all columns) `full`
- Big (2x2 cells) `2x2`
- Wide (2x1 cells) `2x1`
- Tall (1x2 cells) `1x2`
- Normal (1x1 cell) `1x1`

    #####  Spotlight end date [\#](#yc-manual-yc-manual-element-smart-grid-card-content-spotlight-end-date)

 Where to find it YOOtheme builder › Grid Item › Content › Spotlight end date

Stop showing this item as spotlight after this date and time. Leave empty = always spotlight (no end gate).

  Type `text` Default  Not set    #####  Intro text [\#](#yc-manual-yc-manual-element-smart-grid-card-content-ad-intro-text)

 Where to find it YOOtheme builder › Grid Item › Content › Intro text

Small label shown above the title in the hover overlay, e.g. "Sponsored" or "Partner".

  Type `text` Default  Not set    #####  Place at row [\#](#yc-manual-yc-manual-element-smart-grid-card-content-ad-placement-row)

 Where to find it YOOtheme builder › Grid Item › Content › Place at row

Which row to place this ad. Minimum 3 - the first two rows are always reserved for content.

  Type `number` Default  `3`    #####  Card layout [\#](#yc-manual-yc-manual-element-smart-grid-card-content-card-layout)

 Where to find it YOOtheme builder › Grid Item › Content › Card layout

Override the grid's default layout for this item. Horizontal variants put the image beside the text.

  Type `select` Default  `Inherit from grid`  Options - Inherit from grid `inherit`
- Grid (image on top) `grid`
- Horizontal - image left, text right `hleft`
- Horizontal - image right, text left (aligned right) `hright`

    #####  Column position [\#](#yc-manual-yc-manual-element-smart-grid-card-content-ad-placement-col)

 Where to find it YOOtheme builder › Grid Item › Content › Column position

Where in the row to place the ad.

  Type `select` Default  `Auto (first column of row)`  Options - Auto (first column of row) `auto`
- Left (column 1) `left`
- Center `center`
- Right (last column) `right`

    #####  Ribbon label [\#](#yc-manual-yc-manual-element-smart-grid-card-content-label-preset)

 Where to find it YOOtheme builder › Grid Item › Content › Ribbon label

This setting has no help text in the plugin.

  Type `select` Default  `None`  Options - None `none`
- Spotlight `spotlight`
- New `new`
- Popular `popular`
- Improved `improved`
- Sale `sale`
- Custom `custom`

    #####  Custom label text [\#](#yc-manual-yc-manual-element-smart-grid-card-content-label-text)

 Where to find it YOOtheme builder › Grid Item › Content › Custom label text

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label colour [\#](#yc-manual-yc-manual-element-smart-grid-card-content-label-color)

 Where to find it YOOtheme builder › Grid Item › Content › Label colour

This setting has no help text in the plugin.

  Type `color` Default  Not set     #### Flip

 #####  Enable flip [\#](#yc-manual-yc-manual-element-smart-grid-card-flip-flip-enabled)

 Where to find it YOOtheme builder › Grid Item › Flip › Enable flip

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Flip on [\#](#yc-manual-yc-manual-element-smart-grid-card-flip-flip-trigger)

 Where to find it YOOtheme builder › Grid Item › Flip › Flip on

This setting has no help text in the plugin.

  Type `select` Default  `Hover`  Options - Hover `hover`
- Click `click`

    #####  Back title [\#](#yc-manual-yc-manual-element-smart-grid-card-flip-flip-back-title)

 Where to find it YOOtheme builder › Grid Item › Flip › Back title

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Back content [\#](#yc-manual-yc-manual-element-smart-grid-card-flip-flip-back-content)

 Where to find it YOOtheme builder › Grid Item › Flip › Back content

This setting has no help text in the plugin.

  Type `textarea` Default  Not set    #####  Back image [\#](#yc-manual-yc-manual-element-smart-grid-card-flip-flip-back-image)

 Where to find it YOOtheme builder › Grid Item › Flip › Back image

This setting has no help text in the plugin.

  Type `image` Default  Not set    #####  Back link [\#](#yc-manual-yc-manual-element-smart-grid-card-flip-flip-back-link)

 Where to find it YOOtheme builder › Grid Item › Flip › Back link

This setting has no help text in the plugin.

  Type `link` Default  Not set    #####  Back link text [\#](#yc-manual-yc-manual-element-smart-grid-card-flip-flip-back-link-text)

 Where to find it YOOtheme builder › Grid Item › Flip › Back link text

This setting has no help text in the plugin.

  Type `text` Default  `Learn more`    #####  Back background colour [\#](#yc-manual-yc-manual-element-smart-grid-card-flip-flip-back-color)

 Where to find it YOOtheme builder › Grid Item › Flip › Back background colour

Background of the card's back face.

  Type `color` Default  `#1a1a1a`     #### Grid Item

 #####  Second link URL [\#](#yc-manual-yc-manual-element-smart-grid-card-2-link2)

 Where to find it YOOtheme builder › Grid Item › Second link URL

Optional. Fill in if you want a SECOND button on this card next to the primary link. Leave empty to show only one button.

  Type `text` Default  Not set    #####  Second button text [\#](#yc-manual-yc-manual-element-smart-grid-card-2-link2-text)

 Where to find it YOOtheme builder › Grid Item › Second button text

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Link [\#](#yc-manual-yc-manual-element-smart-grid-card-2-link)

 Where to find it YOOtheme builder › Grid Item › Link

This setting has no help text in the plugin.

  Type `link` Default  Not set    #####  Link Text [\#](#yc-manual-yc-manual-element-smart-grid-card-2-link-text)

 Where to find it YOOtheme builder › Grid Item › Link Text

This setting has no help text in the plugin.

  Type `text` Default  Not set      ### Smart Grid

 #### Data

 #####  Content Source [\#](#yc-manual-yc-manual-element-smart-grid-item-data-content-source)

 Where to find it YOOtheme builder › Smart Grid › Data › Content Source

Choose where items come from (manual, Joomla articles, ZOO, or a social platform) and which fields they map to.

  Type `select` Default  `Manual items`  Options - Manual items `manual`
- Joomla articles `joomla_articles`
- ZOO items `zoo_items`
- ZOO categories `zoo_categories`
- Social media `social_media`

    #####  Smart Grid version [\#](#yc-manual-yc-manual-element-smart-grid-item-data-yc-ver-data)

 Where to find it YOOtheme builder › Smart Grid › Data › Smart Grid version

Which build of the plugin is running.

  Type `text` Default  Not set    #####  Getting started [\#](#yc-manual-yc-manual-element-smart-grid-item-data-getting-started-hint)

 Where to find it YOOtheme builder › Smart Grid › Data › Getting started

New here? 1) Pick a content source below. 2) Map fields or add your items. 3) Style the cards on the Layout tab. Manual cards are added on the Content tab via ADD ITEM.

  Type `text` Default  Not set     #### Content

 #####  Items [\#](#yc-manual-yc-manual-element-smart-grid-item-content-items)

 Where to find it YOOtheme builder › Smart Grid › Content › Items

Control what shows on each card - image, title, body, buttons, and effects. Add manual items below.

  Type `content-items` Default  Not set    #####  Smart Grid version [\#](#yc-manual-yc-manual-element-smart-grid-item-content-yc-ver-content)

 Where to find it YOOtheme builder › Smart Grid › Content › Smart Grid version

Which build of the plugin is running.

  Type `text` Default  Not set     #### Layout

 #####  Smart Grid version [\#](#yc-manual-yc-manual-element-smart-grid-item-layout-yc-ver-layout)

 Where to find it YOOtheme builder › Smart Grid › Layout › Smart Grid version

Which build of the plugin is running.

  Type `text` Default  Not set     #### Filters

 #####  Smart Grid version [\#](#yc-manual-yc-manual-element-smart-grid-item-filters-yc-ver-filters)

 Where to find it YOOtheme builder › Smart Grid › Filters › Smart Grid version

Which build of the plugin is running.

  Type `text` Default  Not set     #### Ads / Schema

 #####  Smart Grid version [\#](#yc-manual-yc-manual-element-smart-grid-item-ads-schema-yc-ver-ads)

 Where to find it YOOtheme builder › Smart Grid › Ads / Schema › Smart Grid version

Which build of the plugin is running.

  Type `text` Default  Not set    #####  Enable Advertisements [\#](#yc-manual-yc-manual-element-smart-grid-item-ads-schema-ads-enabled)

 Where to find it YOOtheme builder › Smart Grid › Ads / Schema › Enable Advertisements

Manual ad placements (use ADD ITEM) and Google AdSense integration. - Google Ads are injected at calculated positions. Manual ad items (set per-item) always appear where you placed them regardless of this toggle.

  Type `checkbox` Default  `0`    #####  Structured data (schema.org) [\#](#yc-manual-yc-manual-element-smart-grid-item-ads-schema-schema-type)

 Where to find it YOOtheme builder › Smart Grid › Ads / Schema › Structured data (schema.org)

Adds schema.org JSON-LD describing this content for search engines and AI answer engines. Default off. Pick a content type, or Automatic to let the element decide.

  Type `select` Default  `Off`  Options - Off `none`
- Automatic (recommended) `auto`
- Podcasts (overview) `podcastseries`
- Podcast episodes `podcast`
- Radio stations `radio`
- Blogs (overview) `blogdirectory`
- Blog posts `blog`
- Events `event`
- Generic list `itemlist`

     #### Smart Grid

 #####  Show image [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-image)

 Where to find it YOOtheme builder › Smart Grid › Show image

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Show title [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-title)

 Where to find it YOOtheme builder › Smart Grid › Show title

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Show meta line [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-meta)

 Where to find it YOOtheme builder › Smart Grid › Show meta line

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Show body content [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-content)

 Where to find it YOOtheme builder › Smart Grid › Show body content

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Show primary button [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-link)

 Where to find it YOOtheme builder › Smart Grid › Show primary button

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Show corner thumbnail (small image) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-thumbnail)

 Where to find it YOOtheme builder › Smart Grid › Show corner thumbnail (small image)

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Layout preset [\#](#yc-manual-yc-manual-element-smart-grid-item-5-layout-preset)

 Where to find it YOOtheme builder › Smart Grid › Layout preset

Pick a preset or fine-tune columns, gaps, card backgrounds, and the flip effect. - One-click style - picks coordinated values for layout, columns, image, and text fields. Switch to Custom to override individually. Changing any preset-controlled field auto-switches to Custom.

  Type `select` Default  `Custom (no preset)`  Options - Custom (no preset) `custom`
- Default Grid `default_grid`
- Horizontal - Image Left `horizontal_left`
- Horizontal - Image Right `horizontal_right`
- Magazine / Editorial `magazine`
- Cards / Tiles `cards_tiles`
- List / Compact `list_compact`
- Hero Spotlight `hero_spotlight`
- Podcast / Audio Feed `podcast`
- Advertisement `advertisement`
- News Feed `news_feed`
- Gallery `gallery`
- Numbered - Dark Panel `numbered_dark`

    #####  Items per page [\#](#yc-manual-yc-manual-element-smart-grid-item-5-items-per-page)

 Where to find it YOOtheme builder › Smart Grid › Items per page

Paginate the grid - show N items per page. 0 = no pagination (show all). Pagination is independent per grid (each grid uses its own URL parameter). For ZOO items, make sure "Number of items" on the Data tab is HIGHER than this value - otherwise all items fit in one page and the nav correctly hides itself.

  Type `number` Default  `0`    #####  Scroll to grid on pagination click [\#](#yc-manual-yc-manual-element-smart-grid-item-5-pagination-scroll-anchor)

 Where to find it YOOtheme builder › Smart Grid › Scroll to grid on pagination click

Default: on. When off, clicking Prev / Next / a page number changes the page silently without scrolling. Useful when the grid is short or inside a sticky section where the auto-scroll is disorienting.

  Type `checkbox` Default  `1`    #####  Scroll to grid when adding a favourite [\#](#yc-manual-yc-manual-element-smart-grid-item-5-favourite-scroll-on-add)

 Where to find it YOOtheme builder › Smart Grid › Scroll to grid when adding a favourite

Default: on. When a user clicks the heart icon on a card, the grid re-sorts so favourited items move to the top. This toggle controls whether the viewport also scrolls so the user sees the animation. When off, the re-sort still happens but the page stays where the user was.

  Type `checkbox` Default  `1`    #####  Default card layout [\#](#yc-manual-yc-manual-element-smart-grid-item-5-default-card-layout)

 Where to find it YOOtheme builder › Smart Grid › Default card layout

Layout applied to every card unless overridden on a manual item. Horizontal variants place the image beside the text. Image-right variant also aligns the text block to the right.

  Type `select` Default  `Grid (image on top)`  Options - Grid (image on top) `grid`
- Horizontal - image left, text right `hleft`
- Horizontal - image right, text left (aligned right) `hright`

    #####  Primary button text [\#](#yc-manual-yc-manual-element-smart-grid-item-5-link-text)

 Where to find it YOOtheme builder › Smart Grid › Primary button text

Custom text for the Read more button. Leave empty to keep the default.

  Type `text` Default  Not set    #####  Primary button style [\#](#yc-manual-yc-manual-element-smart-grid-item-5-link-style)

 Where to find it YOOtheme builder › Smart Grid › Primary button style

This setting has no help text in the plugin.

  Type `select` Default  `Default`  Options - Default `default`
- Primary `primary`
- Secondary `secondary`
- Text-link `text`
- Link (inline) `link`

    #####  Button shape [\#](#yc-manual-yc-manual-element-smart-grid-item-5-button-shape)

 Where to find it YOOtheme builder › Smart Grid › Button shape

This setting has no help text in the plugin.

  Type `select` Default  `Square with rounded corners (default)`  Options - Square with rounded corners (default) `rounded`
- Sharp corners (no rounding) `square`
- Pill (fully round) `pill`

    #####  Button hover animation [\#](#yc-manual-yc-manual-element-smart-grid-item-5-button-hover-anim)

 Where to find it YOOtheme builder › Smart Grid › Button hover animation

This setting has no help text in the plugin.

  Type `select` Default  `Lift (rise on hover)`  Options - None `none`
- Lift (rise on hover) `lift`
- Glow (soft shadow grows) `glow`
- Scale (subtle grow) `scale`
- Slide (color sweep) `slide`
- Bounce (one quick hop) `bounce`

    #####  Hide arrow on Text-link buttons [\#](#yc-manual-yc-manual-element-smart-grid-item-5-textlink-hide-arrow)

 Where to find it YOOtheme builder › Smart Grid › Hide arrow on Text-link buttons

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Show second link button [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-link2)

 Where to find it YOOtheme builder › Smart Grid › Show second link button

Also configure the source side on the DATA tab - for ZOO items pick a "Second link element", for Joomla articles enter a custom-field name. Without that, the plugin has no URL to use for the second button.

  Type `checkbox` Default  `1`    #####  Second button text (default) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-link2-text)

 Where to find it YOOtheme builder › Smart Grid › Second button text (default)

Default label for the second button. Manual items can override per item.

  Type `text` Default  `More info`    #####  Second button style [\#](#yc-manual-yc-manual-element-smart-grid-item-5-link2-style)

 Where to find it YOOtheme builder › Smart Grid › Second button style

This setting has no help text in the plugin.

  Type `select` Default  `Primary`  Options - Default `default`
- Primary `primary`
- Secondary `secondary`
- Text-link `text`
- Link (inline) `link`

    #####  Open second link in new tab [\#](#yc-manual-yc-manual-element-smart-grid-item-5-link2-open-new-tab)

 Where to find it YOOtheme builder › Smart Grid › Open second link in new tab

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Button row layout [\#](#yc-manual-yc-manual-element-smart-grid-item-5-link2-align)

 Where to find it YOOtheme builder › Smart Grid › Button row layout

This setting has no help text in the plugin.

  Type `select` Default  `First left, second right`  Options - First left, second right `split`
- Both fill the full width `full`
- Stacked (full width, top to bottom) `stacked`

    #####  Image height (px) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-image-height)

 Where to find it YOOtheme builder › Smart Grid › Image height (px)

Controls the image height on each card.

  Type `number` Default  `200`    #####  Image fit mode [\#](#yc-manual-yc-manual-element-smart-grid-item-5-image-fit)

 Where to find it YOOtheme builder › Smart Grid › Image fit mode

How the image fills its container. Cover crops to fill, Contain shows the whole image, Fill stretches.

  Type `select` Default  `Cover (crop to fill)`  Options - Cover (crop to fill) `cover`
- Contain (show whole) `contain`
- Fill (stretch) `fill`

    #####  Image interaction [\#](#yc-manual-yc-manual-element-smart-grid-item-5-image-interaction)

 Where to find it YOOtheme builder › Smart Grid › Image interaction

How multiple images per card behave. Slideshow uses arrows and dots. Hover scrub / 360 lets visitors move the cursor left-right across the image (or drag on touch) to flip through the frames - ideal for 360-degree product shots.

  Type `select` Default  `Slideshow (arrows + dots)`  Options - Slideshow (arrows + dots) `slideshow`
- Hover scrub / 360 spin `hover_scrub`

    #####  Auto-spin until hovered [\#](#yc-manual-yc-manual-element-smart-grid-item-5-image-scrub-autospin)

 Where to find it YOOtheme builder › Smart Grid › Auto-spin until hovered

When hover scrub is on, the frames gently rotate on their own until the visitor hovers or drags, then control is handed over.

  Type `checkbox` Default  `0`    #####  Make title clickable [\#](#yc-manual-yc-manual-element-smart-grid-item-5-title-is-link)

 Where to find it YOOtheme builder › Smart Grid › Make title clickable

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Title colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-title-color)

 Where to find it YOOtheme builder › Smart Grid › Title colour

This setting has no help text in the plugin.

  Type `select` Default  `Default`  Options - Default `default`
- Primary `primary`
- Secondary `secondary`

    #####  Title tag (H1-H6) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-title-html-tag)

 Where to find it YOOtheme builder › Smart Grid › Title tag (H1-H6)

Semantic heading element used to wrap each card title. Defaults to <h3> since cards are typically subordinate to the page heading.

  Type `select` Default  `H3`  Options - H1 `h1`
- H2 `h2`
- H3 `h3`
- H4 `h4`
- H5 `h5`
- H6 `h6`

    #####  Title visual style [\#](#yc-manual-yc-manual-element-smart-grid-item-5-title-style)

 Where to find it YOOtheme builder › Smart Grid › Title visual style

Visual heading style applied to the title (UIkit heading classes). "Default" inherits the active YOOtheme theme styling. The other options match YOOtheme Pro Headline element.

  Type `select` Default  Not set  Options - Default ``
- Heading 2XLarge `uk-heading-2xlarge`
- Heading XLarge `uk-heading-xlarge`
- Heading Large `uk-heading-large`
- Heading Medium `uk-heading-medium`
- Heading Small `uk-heading-small`
- Heading Hero `uk-heading-hero`
- Heading Divider `uk-heading-divider`
- Heading Bullet `uk-heading-bullet`
- Heading Line `uk-heading-line`

    #####  Columns [\#](#yc-manual-yc-manual-element-smart-grid-item-5-columns)

 Where to find it YOOtheme builder › Smart Grid › Columns

This setting has no help text in the plugin.

  Type `select` Default  `3 Columns`  Options - 1 Column `1`
- 2 Columns `2`
- 3 Columns `3`
- 4 Columns `4`
- 5 Columns `5`
- 6 Columns `6`

    #####  Gap between items [\#](#yc-manual-yc-manual-element-smart-grid-item-5-gap)

 Where to find it YOOtheme builder › Smart Grid › Gap between items

This setting has no help text in the plugin.

  Type `select` Default  `Medium`  Options - Small `small`
- Medium `medium`
- Large `large`

    #####  Platform [\#](#yc-manual-yc-manual-element-smart-grid-item-5-social-platform)

 Where to find it YOOtheme builder › Smart Grid › Platform

Available now: YouTube, Bluesky, Mastodon, Reddit, Vimeo, Spotify, SoundCloud (free). TikTok (requires an Apify token -- free tier covers ~1,300 videos/month). Coming next: Instagram (Apify, v2.28.93), then X / Pinterest / Facebook / LinkedIn / Tumblr. Picking a "coming soon" entry leaves the grid empty until that release lands.

  Type `select` Default  `YouTube`  Options - YouTube `youtube`
- Bluesky `bluesky`
- Mastodon `mastodon`
- Reddit `reddit`
- Vimeo `vimeo`
- Spotify `spotify`
- SoundCloud `soundcloud`
- Instagram (coming soon) `instagram`
- TikTok `tiktok`
- X / Twitter (coming soon) `twitter`
- Pinterest (coming soon) `pinterest`
- Facebook Pages (coming soon) `facebook`
- LinkedIn (coming soon) `linkedin`
- Tumblr (coming soon) `tumblr`

    #####  YouTube API Key [\#](#yc-manual-yc-manual-element-smart-grid-item-5-youtube-api-key)

 Where to find it YOOtheme builder › Smart Grid › YouTube API Key

Free Google Cloud API key. Get one at https://console.cloud.google.com/ -> Create project -> APIs & Services -> Library -> enable "YouTube Data API v3" -> Credentials -> Create credentials -> API key. The key sits in plain text in this element's saved props (same as any YOOtheme element field), so use Google's "Restrict key" feature to lock it to YouTube Data API v3 only.

  Type `text` Default  Not set    #####  Source type [\#](#yc-manual-yc-manual-element-smart-grid-item-5-yt-source-type)

 Where to find it YOOtheme builder › Smart Grid › Source type

Channel = latest uploads from a channel. Playlist = items from a specific playlist. Search = videos matching a keyword query.

  Type `select` Default  `Channel`  Options - Channel `channel`
- Playlist `playlist`
- Search keyword `search`

    #####  Source value [\#](#yc-manual-yc-manual-element-smart-grid-item-5-yt-source-value)

 Where to find it YOOtheme builder › Smart Grid › Source value

Channel: channel ID (UCxxxx), @handle, or full youtube.com/@handle URL. Playlist: playlist ID (PLxxxx) or full URL. Search: a keyword or phrase.

  Type `text` Default  Not set    #####  Items to fetch [\#](#yc-manual-yc-manual-element-smart-grid-item-5-yt-limit)

 Where to find it YOOtheme builder › Smart Grid › Items to fetch

How many videos to display per grid (1-50, default 12).

  Type `number` Default  `12`    #####  Refresh interval [\#](#yc-manual-yc-manual-element-smart-grid-item-5-yt-cache-ttl)

 Where to find it YOOtheme builder › Smart Grid › Refresh interval

How long the fetched feed is cached before re-querying the YouTube API. Longer = less quota use; shorter = fresher.

  Type `select` Default  `Every 60 minutes`  Options - Every 60 minutes `3600`
- Every 6 hours `21600`
- Every 24 hours `86400`

    #####  Order (search only) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-yt-order)

 Where to find it YOOtheme builder › Smart Grid › Order (search only)

Applies only when source type is Search. Ignored for Channel / Playlist sources (those return videos in their native order: most-recent upload first).

  Type `select` Default  `Most recent`  Options - Most recent `date`
- Most viewed `viewCount`
- Top rated `rating`
- Relevance `relevance`

    #####  Include Shorts [\#](#yc-manual-yc-manual-element-smart-grid-item-5-yt-include-shorts)

 Where to find it YOOtheme builder › Smart Grid › Include Shorts

YouTube's API does not cleanly separate Shorts from regular videos. When unchecked, the plugin filters items whose duration looks short; some Shorts may still slip through.

  Type `checkbox` Default  `1`    #####  Source type [\#](#yc-manual-yc-manual-element-smart-grid-item-5-bsky-source-type)

 Where to find it YOOtheme builder › Smart Grid › Source type

Profile = latest posts from a Bluesky account. Search = posts matching a keyword across the network.

  Type `select` Default  `Profile`  Options - Profile `profile`
- Search keyword `search`

    #####  Source value [\#](#yc-manual-yc-manual-element-smart-grid-item-5-bsky-source-value)

 Where to find it YOOtheme builder › Smart Grid › Source value

Profile: full handle like alice.bsky.social, or @alice.bsky.social, or bsky.app/profile/alice.bsky.social URL. Search: a keyword or phrase.

  Type `text` Default  Not set    #####  Items to fetch [\#](#yc-manual-yc-manual-element-smart-grid-item-5-bsky-limit)

 Where to find it YOOtheme builder › Smart Grid › Items to fetch

How many posts to display per grid (1-100, default 12).

  Type `number` Default  `12`    #####  Refresh interval [\#](#yc-manual-yc-manual-element-smart-grid-item-5-bsky-cache-ttl)

 Where to find it YOOtheme builder › Smart Grid › Refresh interval

How long the fetched feed is cached before re-querying the Bluesky API. The public Bluesky API has no auth and generous rate limits; 60-minute refresh is fine for typical grids.

  Type `select` Default  `Every 60 minutes`  Options - Every 60 minutes `3600`
- Every 6 hours `21600`
- Every 24 hours `86400`

    #####  Include reposts [\#](#yc-manual-yc-manual-element-smart-grid-item-5-bsky-include-reposts)

 Where to find it YOOtheme builder › Smart Grid › Include reposts

When unchecked, only original posts from the account appear (reposts of other users are filtered out). Default: off.

  Type `checkbox` Default  `0`    #####  Source type [\#](#yc-manual-yc-manual-element-smart-grid-item-5-masto-source-type)

 Where to find it YOOtheme builder › Smart Grid › Source type

Profile = latest posts from a Mastodon user. Hashtag = posts tagged with a topic on the chosen instance.

  Type `select` Default  `Profile`  Options - Profile `profile`
- Hashtag `hashtag`

    #####  Mastodon instance [\#](#yc-manual-yc-manual-element-smart-grid-item-5-masto-instance)

 Where to find it YOOtheme builder › Smart Grid › Mastodon instance

Hostname of the Mastodon instance to query (without https://). For profile mode this is used only when the handle does not include an instance (alice instead of This email address is being protected from spambots. You need JavaScript enabled to view it.). For hashtag mode this picks which instance to read the timeline from. Default: mastodon.social.

  Type `text` Default  `mastodon.social`    #####  Source value [\#](#yc-manual-yc-manual-element-smart-grid-item-5-masto-source-value)

 Where to find it YOOtheme builder › Smart Grid › Source value

Profile: handle like This email address is being protected from spambots. You need JavaScript enabled to view it. (full Fediverse address) or just alice (uses the instance field above). Hashtag: tag name with or without #.

  Type `text` Default  Not set    #####  Items to fetch [\#](#yc-manual-yc-manual-element-smart-grid-item-5-masto-limit)

 Where to find it YOOtheme builder › Smart Grid › Items to fetch

How many posts to display per grid (1-40 due to Mastodon API limit, default 12).

  Type `number` Default  `12`    #####  Refresh interval [\#](#yc-manual-yc-manual-element-smart-grid-item-5-masto-cache-ttl)

 Where to find it YOOtheme builder › Smart Grid › Refresh interval

How long the fetched feed is cached before re-querying.

  Type `select` Default  `Every 60 minutes`  Options - Every 60 minutes `3600`
- Every 6 hours `21600`
- Every 24 hours `86400`

    #####  Hide replies [\#](#yc-manual-yc-manual-element-smart-grid-item-5-masto-exclude-replies)

 Where to find it YOOtheme builder › Smart Grid › Hide replies

When checked, only the user's top-level posts appear (no replies to other users). Default: on.

  Type `checkbox` Default  `1`    #####  Source type [\#](#yc-manual-yc-manual-element-smart-grid-item-5-reddit-source-type)

 Where to find it YOOtheme builder › Smart Grid › Source type

Subreddit = posts from r/SUB. User = posts by u/USER. Search = posts matching a keyword across Reddit.

  Type `select` Default  `Subreddit`  Options - Subreddit `subreddit`
- User submissions `user`
- Search keyword `search`

    #####  Source value [\#](#yc-manual-yc-manual-element-smart-grid-item-5-reddit-source-value)

 Where to find it YOOtheme builder › Smart Grid › Source value

Subreddit: name like pics, art, photography (with or without r/). User: u/USER or full URL. Search: a keyword or phrase.

  Type `text` Default  Not set    #####  Sort by [\#](#yc-manual-yc-manual-element-smart-grid-item-5-reddit-sort)

 Where to find it YOOtheme builder › Smart Grid › Sort by

Hot is what the front page shows. New is freshest first. Top is highest-scoring within a time window (see Top window below). Rising is gaining traction.

  Type `select` Default  `Hot`  Options - Hot `hot`
- New `new`
- Top `top`
- Rising `rising`

    #####  Top window [\#](#yc-manual-yc-manual-element-smart-grid-item-5-reddit-top-time)

 Where to find it YOOtheme builder › Smart Grid › Top window

Time window for Top sort. Ignored for other sorts.

  Type `select` Default  `Past day`  Options - Past hour `hour`
- Past day `day`
- Past week `week`
- Past month `month`
- Past year `year`
- All time `all`

    #####  Items to fetch [\#](#yc-manual-yc-manual-element-smart-grid-item-5-reddit-limit)

 Where to find it YOOtheme builder › Smart Grid › Items to fetch

How many posts to display per grid (1-100, default 12).

  Type `number` Default  `12`    #####  Refresh interval [\#](#yc-manual-yc-manual-element-smart-grid-item-5-reddit-cache-ttl)

 Where to find it YOOtheme builder › Smart Grid › Refresh interval

How long the fetched feed is cached. Reddit rate-limits anonymous requests; 60-minute refresh is safe.

  Type `select` Default  `Every 60 minutes`  Options - Every 60 minutes `3600`
- Every 6 hours `21600`
- Every 24 hours `86400`

    #####  Hide text-only posts [\#](#yc-manual-yc-manual-element-smart-grid-item-5-reddit-exclude-self)

 Where to find it YOOtheme builder › Smart Grid › Hide text-only posts

When checked, only link/image posts appear in the grid. Default: off.

  Type `checkbox` Default  `0`    #####  Connection mode [\#](#yc-manual-yc-manual-element-smart-grid-item-5-vimeo-method)

 Where to find it YOOtheme builder › Smart Grid › Connection mode

RSS mode needs nothing -- just a username. API mode needs a free Personal Access Token from developer.vimeo.com (richer data, faster, supports channels and groups).

  Type `select` Default  `RSS feed (zero setup)`  Options - RSS feed (zero setup) `rss`
- API with token (richer) `api`

    #####  Vimeo Personal Access Token [\#](#yc-manual-yc-manual-element-smart-grid-item-5-vimeo-token)

 Where to find it YOOtheme builder › Smart Grid › Vimeo Personal Access Token

Get a free token at developer.vimeo.com -> My Apps -> create app -> Generate Personal Access Token (scope: Public). Paste it here.

  Type `text` Default  Not set    #####  Source type [\#](#yc-manual-yc-manual-element-smart-grid-item-5-vimeo-source-type)

 Where to find it YOOtheme builder › Smart Grid › Source type

User = latest videos from a Vimeo account. Channel / Group = curated collection. RSS mode also supports all three.

  Type `select` Default  `User`  Options - User `user`
- Channel `channel`
- Group `group`

    #####  Source value [\#](#yc-manual-yc-manual-element-smart-grid-item-5-vimeo-source-value)

 Where to find it YOOtheme builder › Smart Grid › Source value

Username, channel slug, or group slug. Just the name (no vimeo.com prefix). For users you can paste a full URL like vimeo.com/username.

  Type `text` Default  Not set    #####  Items to fetch [\#](#yc-manual-yc-manual-element-smart-grid-item-5-vimeo-limit)

 Where to find it YOOtheme builder › Smart Grid › Items to fetch

How many videos to display per grid (1-100, default 12).

  Type `number` Default  `12`    #####  Refresh interval [\#](#yc-manual-yc-manual-element-smart-grid-item-5-vimeo-cache-ttl)

 Where to find it YOOtheme builder › Smart Grid › Refresh interval

How long the fetched feed is cached.

  Type `select` Default  `Every 60 minutes`  Options - Every 60 minutes `3600`
- Every 6 hours `21600`
- Every 24 hours `86400`

    #####  Spotify Client ID [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotify-client-id)

 Where to find it YOOtheme builder › Smart Grid › Spotify Client ID

Get a free pair at developer.spotify.com/dashboard -> Create app -> Web API. Copy the Client ID into this field and the Client Secret into the next.

  Type `text` Default  Not set    #####  Spotify Client Secret [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotify-client-secret)

 Where to find it YOOtheme builder › Smart Grid › Spotify Client Secret

The Client Secret from the same Spotify developer dashboard. Treat as a password -- anyone with the secret can use your Spotify API quota.

  Type `text` Default  Not set    #####  Source type [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotify-source-type)

 Where to find it YOOtheme builder › Smart Grid › Source type

Playlist = tracks from a Spotify playlist. Artist top tracks = the artist most popular tracks. Show = podcast episodes. Album = tracks from a single album.

  Type `select` Default  `Playlist tracks`  Options - Playlist tracks `playlist`
- Artist top tracks `artist`
- Podcast episodes `show`
- Album tracks `album`

    #####  Spotify URL or ID [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotify-source-value)

 Where to find it YOOtheme builder › Smart Grid › Spotify URL or ID

Paste any Spotify URL (open.spotify.com/playlist/... or spotify:playlist:...) or just the ID. Must match the source type above.

  Type `text` Default  Not set    #####  Items to fetch [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotify-limit)

 Where to find it YOOtheme builder › Smart Grid › Items to fetch

How many items to display per grid (1-50, default 12).

  Type `number` Default  `12`    #####  Refresh interval [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotify-cache-ttl)

 Where to find it YOOtheme builder › Smart Grid › Refresh interval

How long the fetched feed is cached.

  Type `select` Default  `Every 60 minutes`  Options - Every 60 minutes `3600`
- Every 6 hours `21600`
- Every 24 hours `86400`

    #####  Inline player [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotify-inline-player)

 Where to find it YOOtheme builder › Smart Grid › Inline player

When checked, clicking a card opens the Spotify embed iframe right in the card. When unchecked, the card links out to open.spotify.com. Default: on.

  Type `checkbox` Default  `1`    #####  SoundCloud RSS feed URL [\#](#yc-manual-yc-manual-element-smart-grid-item-5-sc-rss-url)

 Where to find it YOOtheme builder › Smart Grid › SoundCloud RSS feed URL

SoundCloud no longer hands out API keys, so we use their public RSS feed. Find your RSS URL at get-rss.com/soundcloud (free tool) or by viewing your SoundCloud profile source for "feeds.soundcloud.com". URL pattern: https://feeds.soundcloud.com/users/soundcloud:users:USER\_ID/sounds.rss

  Type `text` Default  Not set    #####  Items to fetch [\#](#yc-manual-yc-manual-element-smart-grid-item-5-sc-limit)

 Where to find it YOOtheme builder › Smart Grid › Items to fetch

How many tracks to display per grid (1-50, default 12).

  Type `number` Default  `12`    #####  Refresh interval [\#](#yc-manual-yc-manual-element-smart-grid-item-5-sc-cache-ttl)

 Where to find it YOOtheme builder › Smart Grid › Refresh interval

How long the fetched feed is cached.

  Type `select` Default  `Every 60 minutes`  Options - Every 60 minutes `3600`
- Every 6 hours `21600`
- Every 24 hours `86400`

    #####  Inline player [\#](#yc-manual-yc-manual-element-smart-grid-item-5-sc-inline-player)

 Where to find it YOOtheme builder › Smart Grid › Inline player

When checked, the card embeds the SoundCloud player. When unchecked, the card links out to the track on soundcloud.com. Default: on.

  Type `checkbox` Default  `1`    #####  Apify API Token [\#](#yc-manual-yc-manual-element-smart-grid-item-5-apify-token)

 Where to find it YOOtheme builder › Smart Grid › Apify API Token

Free Apify token from apify.com -> Settings -> API & Integrations. The Free plan ships with about $5 monthly credit, enough for roughly 1,300 TikTok videos or 1,800 Instagram posts per month. One token works for every Apify-powered platform in this grid -- you only paste it once.

  Type `text` Default  Not set    #####  Connection mode [\#](#yc-manual-yc-manual-element-smart-grid-item-5-tiktok-method)

 Where to find it YOOtheme builder › Smart Grid › Connection mode

Apify scrapes ANY public TikTok profile / hashtag / search (costs Apify credits, ~$0.0037 per video). Display API only works for YOUR OWN TikTok account (you must log in via TikTok OAuth) but is completely free. Display API setup takes ~10 minutes: create a TikTok dev app, copy keys, complete an OAuth flow.

  Type `select` Default  `Apify (any public source, paid)`  Options - Apify (any public source, paid) `apify`
- Display API (own videos, free) `display_api`

    #####  TikTok Client Key [\#](#yc-manual-yc-manual-element-smart-grid-item-5-tiktok-client-key)

 Where to find it YOOtheme builder › Smart Grid › TikTok Client Key

From developers.tiktok.com -> Manage apps -> create app -> add "Display API" product. Copy the Client Key.

  Type `text` Default  Not set    #####  TikTok Client Secret [\#](#yc-manual-yc-manual-element-smart-grid-item-5-tiktok-client-secret)

 Where to find it YOOtheme builder › Smart Grid › TikTok Client Secret

From the same TikTok dev app. Treat as a password.

  Type `text` Default  Not set    #####  Redirect URI [\#](#yc-manual-yc-manual-element-smart-grid-item-5-tiktok-redirect-uri)

 Where to find it YOOtheme builder › Smart Grid › Redirect URI

The Redirect URI you configured in your TikTok app -- must match exactly. Any URL on a site you control works (e.g. https://yoursite.com/tiktok-callback). TikTok will redirect there with ?code=... in the URL after authorising.

  Type `text` Default  Not set    #####  One-time authorisation code [\#](#yc-manual-yc-manual-element-smart-grid-item-5-tiktok-auth-code)

 Where to find it YOOtheme builder › Smart Grid › One-time authorisation code

After filling the fields above: build this URL with your values and visit it in a browser: https://www.tiktok.com/v2/auth/authorize/?client\_key=YOUR\_CLIENT\_KEY&response\_type=code&scope=user.info.basic,video.list&redirect\_uri=YOUR\_REDIRECT\_URI&state=smartgrid -- log in, grant access, TikTok redirects to your Redirect URI with ?code=XXXXX in the URL. Copy the code value and paste here, then save the grid. The plugin exchanges the code for access + refresh tokens automatically and stores them in the database; the code field can then be cleared (the tokens are persistent and auto-refresh).

  Type `text` Default  Not set    #####  Source type [\#](#yc-manual-yc-manual-element-smart-grid-item-5-tiktok-source-type)

 Where to find it YOOtheme builder › Smart Grid › Source type

Profile = latest videos from a TikTok user. Hashtag = videos tagged with a topic. Search = videos matching a keyword.

  Type `select` Default  `Profile`  Options - Profile `profile`
- Hashtag `hashtag`
- Search keyword `search`

    #####  Source value [\#](#yc-manual-yc-manual-element-smart-grid-item-5-tiktok-source-value)

 Where to find it YOOtheme builder › Smart Grid › Source value

Profile: username (with or without @, e.g. tiktok or @tiktok or tiktok.com/@tiktok URL). Hashtag: tag name (with or without #). Search: free-text keyword or phrase.

  Type `text` Default  Not set    #####  Items to fetch [\#](#yc-manual-yc-manual-element-smart-grid-item-5-tiktok-limit)

 Where to find it YOOtheme builder › Smart Grid › Items to fetch

How many videos per refresh (1-50, default 12). Apify charges per result returned. At Free-tier pricing, 12 videos = roughly $0.04 per refresh.

  Type `number` Default  `12`    #####  Refresh interval [\#](#yc-manual-yc-manual-element-smart-grid-item-5-tiktok-cache-ttl)

 Where to find it YOOtheme builder › Smart Grid › Refresh interval

How long the fetched feed is cached before Apify is called again. Apify costs money per call -- pick a longer TTL if the feed does not need to be fresh. The default is daily.

  Type `select` Default  `Every 24 hours`  Options - Every 60 minutes `3600`
- Every 6 hours `21600`
- Every 24 hours `86400`

    #####  Status [\#](#yc-manual-yc-manual-element-smart-grid-item-5-social-coming-soon)

 Where to find it YOOtheme builder › Smart Grid › Status

This platform is part of the roadmap (see the Platform select description for the schedule). The grid will stay empty until the release that adds it lands. Pick "YouTube" in the Platform select above to use the available source today.

  Type `text` Default  Not set    #####  Where to add items [\#](#yc-manual-yc-manual-element-smart-grid-item-5-manual-items-hint)

 Where to find it YOOtheme builder › Smart Grid › Where to add items

Manual cards are managed on the CONTENT tab: open it and click ADD ITEM to create cards. Each card&#039;s image, title, text, buttons, media and flip face live on the item itself.

  Type `text` Default  Not set    #####  Category ID [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-catid)

 Where to find it YOOtheme builder › Smart Grid › Category ID

Joomla category ID to pull articles from. Use 0 to show all categories.

  Type `number` Default  `0`    #####  Number of items [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-limit)

 Where to find it YOOtheme builder › Smart Grid › Number of items

Maximum number of articles to display.

  Type `number` Default  `12`    #####  Order by [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ordering)

 Where to find it YOOtheme builder › Smart Grid › Order by

This setting has no help text in the plugin.

  Type `select` Default  `Newest first`  Options - Newest first `date_desc`
- Oldest first `date_asc`
- Title A-Z `title`
- Recently modified `modified`
- Default ordering `ordering`

    #####  Meta text shows [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-meta-field)

 Where to find it YOOtheme builder › Smart Grid › Meta text shows

What appears as the small meta text on each article card.

  Type `select` Default  `Category name`  Options - Category name `category`
- Publication date `date`
- Nothing `none`

    #####  ZOO App [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-appid)

 Where to find it YOOtheme builder › Smart Grid › ZOO App

Pick a ZOO application. Saved value is still the numeric app ID under the hood.

  Type `text` Default  `1`    #####  Item Type [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-type)

 Where to find it YOOtheme builder › Smart Grid › Item Type

Pick a ZOO item type. Leave empty / "All types" for every type in the selected app.

  Type `text` Default  Not set    #####  Category [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-catid)

 Where to find it YOOtheme builder › Smart Grid › Category

Pick a ZOO category from your app. Leave as "All categories" to show everything.

  Type `text` Default  `0`    #####  Start from category [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-cat-root)

 Where to find it YOOtheme builder › Smart Grid › Start from category

Leave empty for the top-level categories. Pick one to show only what sits underneath it.

  Type `text` Default  Not set    #####  Sub-categories [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-cat-subs)

 Where to find it YOOtheme builder › Smart Grid › Sub-categories

Sub-category cards appear next to their parent when it is clicked. A category with no sub-categories links straight to its own page.

  Type `select` Default  `Expand when clicked`  Options - Expand when clicked `expand`
- List inside the card `inside`
- Do not show `hide`

    #####  Category opens page [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-cat-link-menu)

 Where to find it YOOtheme builder › Smart Grid › Category opens page

The page a category card opens. Pick one of your pages and the category id travels with the link. Leave it on the ZOO page to keep the old behaviour.

  Type `text` Default  Not set    #####  Or a page address [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-cat-link-url)

 Where to find it YOOtheme builder › Smart Grid › Or a page address

Overrides the page above. A path on this site, for example /products. Leave empty to use the page picked above.

  Type `text` Default  Not set    #####  Card colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-cat-colour-mode)

 Where to find it YOOtheme builder › Smart Grid › Card colour

Every top-level category gets its own colour, spread evenly around the one you choose below. Sub-categories keep their parent's colour in a lighter or darker shade.

  Type `select` Default  `Off (use the card background)`  Options - Off (use the card background) `none`
- A different colour per category `solid`
- A different gradient per category `gradient`

    #####  Base colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-cat-colour-base)

 Where to find it YOOtheme builder › Smart Grid › Base colour

All the card colours are derived from this one, so the grid stays on your palette.

  Type `color` Default  `#3b6ea5`    #####  Sub-category shade [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-cat-sub-tint)

 Where to find it YOOtheme builder › Smart Grid › Sub-category shade

A sub-category keeps its parent's colour and is shown a shade lighter or darker, so it reads as belonging to it.

  Type `select` Default  `Lighter than its parent`  Options - Lighter than its parent `lighter`
- Darker than its parent `darker`

    #####  Category from the URL [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-catid-from-url)

 Where to find it YOOtheme builder › Smart Grid › Category from the URL

When a category card links to this page it carries the category id. Switch this on and the grid shows that category instead of the one saved above, which stays as the fallback.

  Type `checkbox` Default  `0`    #####  Number of items [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-limit)

 Where to find it YOOtheme builder › Smart Grid › Number of items

Maximum number of ZOO items fetched from the database. This is the TOTAL pool available to the grid; "Items per page" (Layout tab) splits this pool into pages. If you want pagination, set this higher than "Items per page" - for example, 20 items here + 2 per page = 10 pages of pagination.

  Type `number` Default  `12`    #####  Order by [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-ordering)

 Where to find it YOOtheme builder › Smart Grid › Order by

This setting has no help text in the plugin.

  Type `select` Default  `Newest first`  Options - Newest first `date_desc`
- Oldest first `date_asc`
- Title A-Z `title`
- Most viewed `hits`
- Priority (high to low) `priority_desc`
- Priority (low to high) `priority_asc`

    #####  Title element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-title)

 Where to find it YOOtheme builder › Smart Grid › Title element

Which element provides the card title. Choose "(none)" to use the built-in ZOO item name.

  Type `text` Default  Not set    #####  Image element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-image)

 Where to find it YOOtheme builder › Smart Grid › Image element

Which element provides the main card image.

  Type `text` Default  Not set    #####  Use all images from the image element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-image-use-all)

 Where to find it YOOtheme builder › Smart Grid › Use all images from the image element

For a repeatable ZOO image element (e.g. ZOOlanders Image Pro) holding several images: load them ALL, in order, as the card image set. 2+ images then become a slideshow - or, with Image interaction set to Hover scrub / 360, a rotatable 360 view. Off = only the first image is used (default). Folders mode is supported (the folder images load in name order).

  Type `checkbox` Default  `0`    #####  Thumbnail element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-thumbnail)

 Where to find it YOOtheme builder › Smart Grid › Thumbnail element

Which element provides the small corner thumbnail. Choose "(none)" to reuse the image element.

  Type `text` Default  Not set    #####  Content element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-content)

 Where to find it YOOtheme builder › Smart Grid › Content element

Which element provides the card body text.

  Type `text` Default  Not set    #####  Item URL element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-link)

 Where to find it YOOtheme builder › Smart Grid › Item URL element

Which element provides the item URL, used for the clickable title and card link. Choose "(none)" to auto-generate the ZOO item URL. Buttons are collected from this type's Link elements automatically - name them under "Button labels" below.

  Type `text` Default  Not set    #####  Only these link elements [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-buttons-only-labelled)

 Where to find it YOOtheme builder › Smart Grid › Only these link elements

Off (default): every ZOO link element with a value becomes a button. On: only the link elements you pick below become buttons, in the order you list them - use this to keep utility links (changelog, update server, etc.) out of the cards. The card still links to the item page.

  Type `checkbox` Default  `0`    #####  Button label - link element 1 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-el-1)

 Where to find it YOOtheme builder › Smart Grid › Button label - link element 1

Give each ZOO link element its own button text. Pick the element, type the label, and the next row appears (up to 6). An item that fills in its own link text in ZOO overrides this. Elements with no label anywhere fall back to the element name.

  Type `text` Default  Not set    #####  Button text 1 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-text-1)

 Where to find it YOOtheme builder › Smart Grid › Button text 1

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Open in new window 1 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-newtab-1)

 Where to find it YOOtheme builder › Smart Grid › Open in new window 1

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Button label - link element 2 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-el-2)

 Where to find it YOOtheme builder › Smart Grid › Button label - link element 2

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button text 2 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-text-2)

 Where to find it YOOtheme builder › Smart Grid › Button text 2

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Open in new window 2 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-newtab-2)

 Where to find it YOOtheme builder › Smart Grid › Open in new window 2

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Button label - link element 3 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-el-3)

 Where to find it YOOtheme builder › Smart Grid › Button label - link element 3

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button text 3 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-text-3)

 Where to find it YOOtheme builder › Smart Grid › Button text 3

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Open in new window 3 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-newtab-3)

 Where to find it YOOtheme builder › Smart Grid › Open in new window 3

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Button label - link element 4 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-el-4)

 Where to find it YOOtheme builder › Smart Grid › Button label - link element 4

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button text 4 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-text-4)

 Where to find it YOOtheme builder › Smart Grid › Button text 4

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Open in new window 4 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-newtab-4)

 Where to find it YOOtheme builder › Smart Grid › Open in new window 4

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Button label - link element 5 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-el-5)

 Where to find it YOOtheme builder › Smart Grid › Button label - link element 5

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button text 5 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-text-5)

 Where to find it YOOtheme builder › Smart Grid › Button text 5

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Open in new window 5 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-newtab-5)

 Where to find it YOOtheme builder › Smart Grid › Open in new window 5

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Button label - link element 6 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-el-6)

 Where to find it YOOtheme builder › Smart Grid › Button label - link element 6

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Button text 6 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-text-6)

 Where to find it YOOtheme builder › Smart Grid › Button text 6

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Open in new window 6 [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-btn-newtab-6)

 Where to find it YOOtheme builder › Smart Grid › Open in new window 6

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Meta text element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-meta)

 Where to find it YOOtheme builder › Smart Grid › Meta text element

Which element provides the small meta line shown above the title (category, date, etc.).

  Type `text` Default  Not set    #####  Tags / filter element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-tags)

 Where to find it YOOtheme builder › Smart Grid › Tags / filter element

Which element provides tags for the filter bar. Works with: ZOO Tag element, ZOO multi-Select element (since v2.14.78), or a plain Text element holding comma/semicolon/pipe/newline-separated tag names (since v2.14.86 - useful when scraping data that already includes tag strings).

  Type `text` Default  Not set    #####  YouTube URL element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-video)

 Where to find it YOOtheme builder › Smart Grid › YouTube URL element

Which ZOO element holds a YouTube URL (text or link field). Items with a URL show a video; items without fall back to the image.

  Type `text` Default  Not set    #####  Radio stream element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-radio)

 Where to find it YOOtheme builder › Smart Grid › Radio stream element

Which ZOO element holds the radio / audio stream URL (.mp3, .aac, .m3u8, etc.). Items with a URL show an audio player; items without fall back to the image or YouTube video.

  Type `text` Default  Not set    #####  Radio player style [\#](#yc-manual-yc-manual-element-smart-grid-item-5-radio-player-style)

 Where to find it YOOtheme builder › Smart Grid › Radio player style

How the audio player is shown on radio-stream cards.

  Type `select` Default  `Image + play-button overlay`  Options - Image + play-button overlay `overlay`
- Native audio controls bar `native`

    #####  Spotify URL element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-spotify)

 Where to find it YOOtheme builder › Smart Grid › Spotify URL element

Which ZOO element holds the Spotify URL (track, episode, show, album, or playlist). Items with a value render the Spotify embed in place of the image.

  Type `text` Default  Not set    #####  Spotify player mode [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotify-player-style)

 Where to find it YOOtheme builder › Smart Grid › Spotify player mode

Overlay + modal (recommended): card shows the cover image with a play button; click opens the Spotify player in a centered modal at proper width. Compact / Rich: render the embed inline inside the card (only good for wide cards, narrow cards may clip).

  Type `select` Default  `Overlay + modal (recommended)`  Options - Overlay + modal (recommended) `overlay_modal`
- Compact inline (152px) `compact`
- Rich inline (352px) `rich`

    #####  Spotify theme [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotify-theme)

 Where to find it YOOtheme builder › Smart Grid › Spotify theme

Auto = light. Dark uses Spotify's dark embed UI.

  Type `select` Default  `Auto (light)`  Options - Auto (light) `auto`
- Dark `dark`

    #####  Joomla custom field: YouTube URL [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-video-field)

 Where to find it YOOtheme builder › Smart Grid › Joomla custom field: YouTube URL

Name of a Joomla com\_fields custom field holding a YouTube URL per article. Leave empty to rely only on auto-detect (URL scanning in article text).

  Type `text` Default  Not set    #####  Joomla custom field: radio / podcast URL [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-radio-field)

 Where to find it YOOtheme builder › Smart Grid › Joomla custom field: radio / podcast URL

Custom field holding a radio stream or podcast audio URL.

  Type `text` Default  Not set    #####  Joomla custom field: Spotify URL [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-spotify-field)

 Where to find it YOOtheme builder › Smart Grid › Joomla custom field: Spotify URL

Custom field holding a Spotify URL.

  Type `text` Default  Not set    #####  Auto-detect media URLs from article text [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-autodetect-media)

 Where to find it YOOtheme builder › Smart Grid › Auto-detect media URLs from article text

For each media type, if the custom field above is empty (or empty for an article), the plugin will scan the article body for the first matching URL. Useful when authors embed media inline.

  Type `checkbox` Default  `1`    #####  Use all images found in the article [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-image-use-all)

 Where to find it YOOtheme builder › Smart Grid › Use all images found in the article

Scan each article (intro text + body) for images and load them ALL, in the order they appear, as the card image set. The featured (intro) image leads if set. 2+ images become a slideshow - or, with Image interaction set to Hover scrub / 360, a rotatable 360 view. Off = only the intro / full-article image is used (default).

  Type `checkbox` Default  `0`    #####  Second link element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-link2)

 Where to find it YOOtheme builder › Smart Grid › Second link element

Pick the ZOO Link / Text element that holds the SECOND URL for each item. Items where this is empty just show the primary link button.

  Type `text` Default  Not set    #####  Joomla custom field: second link URL [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-link2-field)

 Where to find it YOOtheme builder › Smart Grid › Joomla custom field: second link URL

Name of a Joomla com\_fields custom field per article that contains the second URL.

  Type `text` Default  Not set    #####  Show favourite heart [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-favourite-heart)

 Where to find it YOOtheme builder › Smart Grid › Show favourite heart

Tag filter, favourites, search bar, loader animation, and intro text settings. - Uncheck to hide the heart / favourite button on all items in this grid.

  Type `checkbox` Default  `1`    #####  Show All / Favourites filter buttons [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-filter-buttons)

 Where to find it YOOtheme builder › Smart Grid › Show All / Favourites filter buttons

Uncheck to hide the filter bar containing the All / Favourites toggle buttons.

  Type `checkbox` Default  `1`    #####  Show tag filter bar [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-tags)

 Where to find it YOOtheme builder › Smart Grid › Show tag filter bar

Uncheck to hide the row of tag pills (All, Podcast, Radio, etc.). The plugin still computes which items match each tag for URL-based filtering, but no visible bar is rendered. Useful when the grid is filtered by other means (search, manual URL).

  Type `checkbox` Default  `1`    #####  Lottie animation URL (optional) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-loader-lottie)

 Where to find it YOOtheme builder › Smart Grid › Lottie animation URL (optional)

Optional URL to a Lottie animation file (highest priority - overrides image and default spinner). Accepts BOTH formats: .lottie (compressed, ~1KB, e.g. https://lottie.host/abc-xyz.lottie) and .json (raw, ~5-10KB). Plugin lazy-loads the @lottiefiles/dotlottie-wc web component from unpkg CDN when needed. Get free animations from lottiefiles.com.

  Type `text` Default  Not set    #####  Lottie animation URL #2 (optional, random pool) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-loader-lottie-2)

 Where to find it YOOtheme builder › Smart Grid › Lottie animation URL #2 (optional, random pool)

Optional second Lottie URL. When set together with slot #1 (and/or #3), a random one is picked on EACH AJAX swap so consecutive clicks can show different loaders. Leave empty to keep slot #1 fixed.

  Type `text` Default  Not set    #####  Lottie animation URL #3 (optional, random pool) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-loader-lottie-3)

 Where to find it YOOtheme builder › Smart Grid › Lottie animation URL #3 (optional, random pool)

Optional third Lottie URL. Same as slot #2 - joins the random pool.

  Type `text` Default  Not set    #####  Loader image (optional) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-loader-image)

 Where to find it YOOtheme builder › Smart Grid › Loader image (optional)

Optional GIF / PNG / SVG to use as the loading indicator. Pick from media library or upload. Hidden when a Lottie URL is set. If both empty, default cyan ring spinner is used.

  Type `image` Default  Not set    #####  Default loader color [\#](#yc-manual-yc-manual-element-smart-grid-item-5-loader-color)

 Where to find it YOOtheme builder › Smart Grid › Default loader color

Color of the default ring spinner (only used when no Lottie / no image is set).

  Type `color` Default  `#0891b2`    #####  Loader size (pixels) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-loader-size)

 Where to find it YOOtheme builder › Smart Grid › Loader size (pixels)

Width and height of the loader. Default 56px. Range 16-1000. The overlay grid wrapper expands to fit large loaders during AJAX swap.

  Type `number` Default  `56`    #####  Loader backdrop tint (optional) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-loader-backdrop-color)

 Where to find it YOOtheme builder › Smart Grid › Loader backdrop tint (optional)

Optional tint color shown behind the loader during AJAX swap. Leave empty for a fully transparent backdrop with subtle blur (frosted glass - works on any page background). Pick white if you want the legacy white-tint look (good for white sites).

  Type `color` Default  Not set    #####  Loader backdrop edge fade (px) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-loader-backdrop-fade)

 Where to find it YOOtheme builder › Smart Grid › Loader backdrop edge fade (px)

Soft fade-to-transparent zone on each of the four edges of the loader backdrop. Default 32px makes heart buttons / badges that bleed past the grid edge dissolve naturally instead of being hard-sliced. Set 0 to disable (legacy hard edge). Range 0-200.

  Type `number` Default  `32`    #####  Show search bar [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-search-bar)

 Where to find it YOOtheme builder › Smart Grid › Show search bar

Adds a debounced search input that filters items as the user types. Searches all text fields including title, content, intro, meta, tags, and extra fields. Combines with any active tag filter (AND).

  Type `checkbox` Default  `0`    #####  Search placeholder text [\#](#yc-manual-yc-manual-element-smart-grid-item-5-search-placeholder)

 Where to find it YOOtheme builder › Smart Grid › Search placeholder text

Placeholder text shown in the search input when empty.

  Type `text` Default  `Search…`    #####  Show intro text [\#](#yc-manual-yc-manual-element-smart-grid-item-5-intro-enabled)

 Where to find it YOOtheme builder › Smart Grid › Show intro text

Shows a short teaser above the description. Works for both ZOO items and Joomla articles.

  Type `checkbox` Default  `0`    #####  Intro text element (ZOO only) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-intro)

 Where to find it YOOtheme builder › Smart Grid › Intro text element (ZOO only)

Which ZOO element holds the intro text (text or textarea). If empty, falls back to the Content element configured above. Joomla articles always use introtext.

  Type `text` Default  Not set    #####  Spotlight start date element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-spotlight-start)

 Where to find it YOOtheme builder › Smart Grid › Spotlight start date element

ZOO Date element on each item holding the spotlight START datetime. v2.17.1+: when "Spotlight item IDs" is empty, any item with a non-empty date here auto-qualifies as a spotlight item from that date onwards. Leave empty = no start gating (items appear immediately).

  Type `text` Default  Not set    #####  Spotlight end date element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-spotlight-end)

 Where to find it YOOtheme builder › Smart Grid › Spotlight end date element

ZOO Date element on each item holding the spotlight END datetime. After this date the item drops out of the spotlight section and shows as a regular grid card. Leave empty = no end gating (items stay in spotlight indefinitely).

  Type `text` Default  Not set    #####  Rating average element (ZOO writeback) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-rating-avg)

 Where to find it YOOtheme builder › Smart Grid › Rating average element (ZOO writeback)

OPTIONAL. ZOO Number element on each item that the plugin writes the rating average back to. Lets ZOO admin show / sort / export the rating, and allows other ZOO templates to use it. Leave empty = no ZOO writeback (plugin only uses its internal #\_\_yc\_smart\_grid\_ratings table). When set, the grid READS the rating from this element first, falling back to the plugin table if empty.

  Type `text` Default  Not set    #####  Rating count element (ZOO writeback) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-rating-count)

 Where to find it YOOtheme builder › Smart Grid › Rating count element (ZOO writeback)

OPTIONAL. ZOO Number element on each item that the plugin writes the vote count back to. Configure alongside the average element above for full ZOO writeback. Leave empty = no writeback for the count.

  Type `text` Default  Not set    #####  Use article publish dates as spotlight schedule [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-spotlight-use-publish-dates)

 Where to find it YOOtheme builder › Smart Grid › Use article publish dates as spotlight schedule

When enabled, an article in the spotlight list is only shown as spotlight while it is between its own publish\_up and publish\_down dates. Outside that window it appears as a regular grid card. Note: articles outside their publish window are excluded from Joomla's query entirely, so this toggle only affects the spotlight section, not whether the article appears at all.

  Type `checkbox` Default  `0`    #####  Intro truncation mode [\#](#yc-manual-yc-manual-element-smart-grid-item-5-intro-truncate-mode)

 Where to find it YOOtheme builder › Smart Grid › Intro truncation mode

Lines = cut the intro after N visible lines using CSS line-clamp (ellipsis auto-added by the browser). Words = cut after N words and append a "..." manually.

  Type `select` Default  `Lines`  Options - Lines `lines`
- Words `words`

    #####  Intro truncation count [\#](#yc-manual-yc-manual-element-smart-grid-item-5-intro-truncate-count)

 Where to find it YOOtheme builder › Smart Grid › Intro truncation count

Number of lines (default 3) or words to show before truncating.

  Type `number` Default  `3`    #####  Show extra ZOO fields [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-extra-fields)

 Where to find it YOOtheme builder › Smart Grid › Show extra ZOO fields

Automatically shows the remaining ZOO elements (those not already mapped above) as a description list at the bottom of each card. Empty values are skipped.

  Type `checkbox` Default  `0`    #####  Extra fields heading (optional) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-extra-fields-title)

 Where to find it YOOtheme builder › Smart Grid › Extra fields heading (optional)

Optional small heading shown above the extra fields list on each card. Leave empty for no heading.

  Type `text` Default  Not set    #####  Extra fields text [\#](#yc-manual-yc-manual-element-smart-grid-item-5-extra-fields-text)

 Where to find it YOOtheme builder › Smart Grid › Extra fields text

Free text shown under the extra fields heading, above the fields themselves. Leave empty for none.

  Type `textarea` Default  Not set    #####  Pick which extra fields to show [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-extras-picker)

 Where to find it YOOtheme builder › Smart Grid › Pick which extra fields to show

Tick the ZOO elements you want shown on each card. Leave all unticked to show every unmapped element (default).

  Type `text` Default  Not set    #####  Show labels above extra fields [\#](#yc-manual-yc-manual-element-smart-grid-item-5-extras-show-labels)

 Where to find it YOOtheme builder › Smart Grid › Show labels above extra fields

Default: on. Turn off for image/media-heavy extras where the label is just visual clutter.

  Type `checkbox` Default  `1`    #####  Media player layout [\#](#yc-manual-yc-manual-element-smart-grid-item-5-extras-player-layout)

 Where to find it YOOtheme builder › Smart Grid › Media player layout

How to arrange multiple players (YouTube, Spotify, audio) under the card. Image extras are promoted to the primary image slot when it is empty.

  Type `select` Default  `Vertical stack (each player full width)`  Options - Vertical stack (each player full width) `stack`
- Tabbed switcher (one at a time) `tabs`

    #####  Extra fields position [\#](#yc-manual-yc-manual-element-smart-grid-item-5-extras-position)

 Where to find it YOOtheme builder › Smart Grid › Extra fields position

Where to render the extra fields list and media stack on each card. Above keeps the read-more as the final CTA; below keeps everything chronological.

  Type `select` Default  `Below the Read more button`  Options - Below the Read more button `below_link`
- Above the Read more button `above_link`

    #####  Hide extras element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-hide-extras)

 Where to find it YOOtheme builder › Smart Grid › Hide extras element

Optional. Pick a ZOO element (a yes/no, text or number works); any item where it has a value hides that item's extra fields. Leave empty and every item shows them.

  Type `text` Default  Not set    #####  RSS feed element [\#](#yc-manual-yc-manual-element-smart-grid-item-5-zoo-el-rss)

 Where to find it YOOtheme builder › Smart Grid › RSS feed element

Which ZOO element holds each item's RSS feed URL (e.g. SG\_RSS). The plugin fetches that feed, picks 2 random items, and renders them as a Related Links list above the Read more button. Feed is cached for 60 minutes per URL.

  Type `text` Default  Not set    #####  Show related links [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-related-links)

 Where to find it YOOtheme builder › Smart Grid › Show related links

Default: off. The feed is fetched once and cached for 60 minutes per URL so site load stays fast.

  Type `checkbox` Default  `0`    #####  Related links title [\#](#yc-manual-yc-manual-element-smart-grid-item-5-related-links-title)

 Where to find it YOOtheme builder › Smart Grid › Related links title

Heading shown above the list of related links. Leave empty to hide the heading.

  Type `text` Default  `Related links`    #####  Number of links to show [\#](#yc-manual-yc-manual-element-smart-grid-item-5-related-links-count)

 Where to find it YOOtheme builder › Smart Grid › Number of links to show

Picked at random from the RSS feed. Default: 2.

  Type `select` Default  `2`  Options - 1
- 2
- 3
- 4
- 5

    #####  Unique Grid ID [\#](#yc-manual-yc-manual-element-smart-grid-item-5-grid-key)

 Where to find it YOOtheme builder › Smart Grid › Unique Grid ID

Set a unique slug per grid (e.g. "home-grid"). Required so logged-in users' favourites are saved to their account and not confused with other grids on your site.

  Type `text` Default  Not set    #####  "All" filter button label [\#](#yc-manual-yc-manual-element-smart-grid-item-5-filter-label-all)

 Where to find it YOOtheme builder › Smart Grid › "All" filter button label

This setting has no help text in the plugin.

  Type `text` Default  `All`    #####  "Favourites" filter button label [\#](#yc-manual-yc-manual-element-smart-grid-item-5-filter-label-favs)

 Where to find it YOOtheme builder › Smart Grid › "Favourites" filter button label

This setting has no help text in the plugin.

  Type `text` Default  `Favourites`    #####  Filter bar position [\#](#yc-manual-yc-manual-element-smart-grid-item-5-filter-position)

 Where to find it YOOtheme builder › Smart Grid › Filter bar position

Where to display the tag filter and All/Favourites buttons relative to the grid.

  Type `select` Default  `Top (above the grid)`  Options - Top (above the grid) `top`
- Left sidebar `left`
- Right sidebar `right`

    #####  Plain button style [\#](#yc-manual-yc-manual-element-smart-grid-item-5-filter-plain-style)

 Where to find it YOOtheme builder › Smart Grid › Plain button style

Removes the pill/box styling from all tag and All/Favourites buttons, showing plain text labels instead.

  Type `checkbox` Default  `0`    #####  Emphasise filter labels [\#](#yc-manual-yc-manual-element-smart-grid-item-5-filter-text-emphasis)

 Where to find it YOOtheme builder › Smart Grid › Emphasise filter labels

Increases the font size and weight of all tag and All/Favourites labels.

  Type `checkbox` Default  `0`    #####  Flip all items [\#](#yc-manual-yc-manual-element-smart-grid-item-5-global-flip-enabled)

 Where to find it YOOtheme builder › Smart Grid › Flip all items

Each item flips to reveal a back face. Set back content per item in the Flip tab.

  Type `checkbox` Default  `0`    #####  Flip trigger [\#](#yc-manual-yc-manual-element-smart-grid-item-5-global-flip-trigger)

 Where to find it YOOtheme builder › Smart Grid › Flip trigger

"All at once" adds a button that flips the whole grid simultaneously.

  Type `select` Default  `Hover (each card)`  Options - Hover (each card) `hover`
- Click (each card) `click`
- All at once (button) `all`

    #####  Button label [\#](#yc-manual-yc-manual-element-smart-grid-item-5-global-flip-btn-label)

 Where to find it YOOtheme builder › Smart Grid › Button label

This setting has no help text in the plugin.

  Type `text` Default  `Flip all cards`    #####  Default back colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-global-flip-back-color)

 Where to find it YOOtheme builder › Smart Grid › Default back colour

Used for any item that does not have its own back colour set.

  Type `color` Default  `#1a1a1a`    #####  Equal item height [\#](#yc-manual-yc-manual-element-smart-grid-item-5-equal-item-height)

 Where to find it YOOtheme builder › Smart Grid › Equal item height

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Card background [\#](#yc-manual-yc-manual-element-smart-grid-item-5-card-bg-style)

 Where to find it YOOtheme builder › Smart Grid › Card background

Default keeps the white card background. Transparent removes it entirely. Glass adds a subtle frosted overlay.

  Type `select` Default  `Default (white)`  Options - Default (white) `default`
- Transparent `transparent`
- Glass (frosted overlay) `glass`

    #####  Glass opacity (%) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-card-glass-opacity)

 Where to find it YOOtheme builder › Smart Grid › Glass opacity (%)

How opaque the glass overlay is. 5-15 % looks good on most dark sections.

  Type `number` Default  `8`    #####  Adaptive text colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-card-adaptive-text)

 Where to find it YOOtheme builder › Smart Grid › Adaptive text colour

Titles, meta, body text, heart button, and read-more link all adapt to the parent background automatically.

  Type `checkbox` Default  `0`    #####  Adaptive card border [\#](#yc-manual-yc-manual-element-smart-grid-item-5-card-adaptive-border)

 Where to find it YOOtheme builder › Smart Grid › Adaptive card border

Adds a faint currentColor border so cards remain visually separated on transparent or glass backgrounds.

  Type `checkbox` Default  `0`    #####  Favourites-Only Mode [\#](#yc-manual-yc-manual-element-smart-grid-item-5-favs-only)

 Where to find it YOOtheme builder › Smart Grid › Favourites-Only Mode

When enabled, the grid shows only the items this user has favourited. The tag filter bar automatically adapts to show only tags present in their favourites.

  Type `checkbox` Default  `0`    #####  Show Star Rating [\#](#yc-manual-yc-manual-element-smart-grid-item-5-show-rating)

 Where to find it YOOtheme builder › Smart Grid › Show Star Rating

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Filled star colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-star-color)

 Where to find it YOOtheme builder › Smart Grid › Filled star colour

This setting has no help text in the plugin.

  Type `color` Default  `#FFD700`    #####  Empty star colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-star-empty-color)

 Where to find it YOOtheme builder › Smart Grid › Empty star colour

This setting has no help text in the plugin.

  Type `color` Default  `#e0e0e0`    #####  Rating position [\#](#yc-manual-yc-manual-element-smart-grid-item-5-star-position)

 Where to find it YOOtheme builder › Smart Grid › Rating position

This setting has no help text in the plugin.

  Type `select` Default  `Below text`  Options - Below text `content`
- Image overlay (bottom centre) `image`

    #####  Rating alignment [\#](#yc-manual-yc-manual-element-smart-grid-item-5-star-align)

 Where to find it YOOtheme builder › Smart Grid › Rating alignment

This setting has no help text in the plugin.

  Type `select` Default  `Left (default)`  Options - Left (default) `left`
- Centred `center`
- Right `right`

    #####  Items between ads [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ads-interval)

 Where to find it YOOtheme builder › Smart Grid › Items between ads

Number of normal grid items between each automatically injected ad. E.g. 4 = one ad after every 4 items.

  Type `number` Default  `4`    #####  Random placement [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ads-random)

 Where to find it YOOtheme builder › Smart Grid › Random placement

When enabled, each window of N items gets an ad at a random position within that window. Ads never appear in the first 2 rows and never adjacent to each other.

  Type `checkbox` Default  `0`    #####  Google AdSense [\#](#yc-manual-yc-manual-element-smart-grid-item-5-google-ads-enabled)

 Where to find it YOOtheme builder › Smart Grid › Google AdSense

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Publisher ID [\#](#yc-manual-yc-manual-element-smart-grid-item-5-google-ads-client)

 Where to find it YOOtheme builder › Smart Grid › Publisher ID

Your Google AdSense publisher ID. Format: ca-pub-XXXXXXXXXXXXXXXX

  Type `text` Default  Not set    #####  Ad slot ID [\#](#yc-manual-yc-manual-element-smart-grid-item-5-google-ads-slot)

 Where to find it YOOtheme builder › Smart Grid › Ad slot ID

The ad unit slot ID from your AdSense account (numbers only).

  Type `text` Default  Not set    #####  Ad format [\#](#yc-manual-yc-manual-element-smart-grid-item-5-google-ads-format)

 Where to find it YOOtheme builder › Smart Grid › Ad format

This setting has no help text in the plugin.

  Type `select` Default  `Auto (responsive)`  Options - Auto (responsive) `auto`
- In-feed (native) `fluid`
- Rectangle `rectangle`
- Horizontal banner `horizontal`
- Vertical `vertical`

    #####  Ad layout key [\#](#yc-manual-yc-manual-element-smart-grid-item-5-google-ads-layout-key)

 Where to find it YOOtheme builder › Smart Grid › Ad layout key

The data-ad-layout-key from your AdSense In-feed unit. Required when format is In-feed.

  Type `text` Default  Not set    #####  Enable Spotlight [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-enabled)

 Where to find it YOOtheme builder › Smart Grid › Enable Spotlight

Featured items get larger cards with optional badges, glow, and animated borders. - Spotlight items appear in a special highlighted row above the filter bars. Mark individual items with the "Spotlight" checkbox on each item.

  Type `checkbox` Default  `0`    #####  Spotlight position [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-position)

 Where to find it YOOtheme builder › Smart Grid › Spotlight position

"Above the grid" renders a separate highlighted row before the filters. "Inside the grid" places spotlight cards at the top of the regular grid, always above favourited items.

  Type `select` Default  `Above the grid (separate section)`  Options - Above the grid (separate section) `above`
- Inside the grid (pinned to top) `inside`

    #####  Spotlight columns [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-cols)

 Where to find it YOOtheme builder › Smart Grid › Spotlight columns

This setting has no help text in the plugin.

  Type `select` Default  `2 Columns`  Options - 1 Column `1`
- 2 Columns `2`
- 3 Columns `3`

    #####  Spotlight item IDs (optional, dynamic sources) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-item-ids)

 Where to find it YOOtheme builder › Smart Grid › Spotlight item IDs (optional, dynamic sources)

Optional. Comma-separated article or ZOO item IDs to feature in the spotlight. v2.17.1+: leave empty to auto-qualify items by their spotlight start/end dates instead - every item with a date set becomes a spotlight item during its window. If you fill in IDs here, the dates only schedule which IDs from the list show up.

  Type `text` Default  Not set    #####  Border style [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-border-style)

 Where to find it YOOtheme builder › Smart Grid › Border style

This setting has no help text in the plugin.

  Type `select` Default  `Solid`  Options - Solid `solid`
- Dashed `dashed`
- Dotted `dotted`
- Double `double`
- None `none`

    #####  Border width (px) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-border-width)

 Where to find it YOOtheme builder › Smart Grid › Border width (px)

This setting has no help text in the plugin.

  Type `number` Default  `2`    #####  Border colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-border-color)

 Where to find it YOOtheme builder › Smart Grid › Border colour

This setting has no help text in the plugin.

  Type `color` Default  `#FFD700`    #####  Show spotlight badge [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-badge-enabled)

 Where to find it YOOtheme builder › Smart Grid › Show spotlight badge

Adds a customizable badge overlay (text + background colour) to spotlight items so visitors immediately see they are featured.

  Type `checkbox` Default  `1`    #####  Badge text [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-badge-text)

 Where to find it YOOtheme builder › Smart Grid › Badge text

Text shown inside the badge. Keep it short (1-2 words) to fit nicely on the image.

  Type `text` Default  `Spotlight`    #####  Badge background colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-badge-bg)

 Where to find it YOOtheme builder › Smart Grid › Badge background colour

Background colour of the badge.

  Type `color` Default  `#dc2626`    #####  Badge text colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-badge-color)

 Where to find it YOOtheme builder › Smart Grid › Badge text colour

Text colour inside the badge.

  Type `color` Default  `#ffffff`    #####  Animated border [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-border-animated)

 Where to find it YOOtheme builder › Smart Grid › Animated border

The border colour rotates around the card like a spotlight beam.

  Type `checkbox` Default  `0`    #####  Animation speed [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-anim-speed)

 Where to find it YOOtheme builder › Smart Grid › Animation speed

This setting has no help text in the plugin.

  Type `select` Default  `Medium (3 s)`  Options - Slow (5 s) `slow`
- Medium (3 s) `medium`
- Fast (1.5 s) `fast`

    #####  Corner radius (px) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-radius)

 Where to find it YOOtheme builder › Smart Grid › Corner radius (px)

This setting has no help text in the plugin.

  Type `number` Default  `6`    #####  Default spotlight size [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-default-size)

 Where to find it YOOtheme builder › Smart Grid › Default spotlight size

How many grid cells a spotlight card spans. Individual cards can override it. On phones every card drops back to one cell.

  Type `select` Default  `Normal (1x1 cell)`  Options - Full width (all columns) `full`
- Big (2x2 cells) `2x2`
- Wide (2x1 cells) `2x1`
- Tall (1x2 cells) `1x2`
- Normal (1x1 cell) `1x1`

    #####  Spotlight image height (px) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-image-height)

 Where to find it YOOtheme builder › Smart Grid › Spotlight image height (px)

Image height for spotlight cards only. 0 = use the Item display image height.

  Type `number` Default  `0`    #####  Auto-promote first N items [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-auto-first-n)

 Where to find it YOOtheme builder › Smart Grid › Auto-promote first N items

0 = off. Promotes the first N items the grid loads to spotlight, on top of any you picked by hand. Adverts are never promoted.

  Type `number` Default  `0`    #####  Auto-promote items with tag [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-auto-tag)

 Where to find it YOOtheme builder › Smart Grid › Auto-promote items with tag

Comma-separated tags. Any item carrying one of them (case-insensitive) becomes a spotlight.

  Type `text` Default  Not set    #####  Extra fields on spotlight cards [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-show-extras)

 Where to find it YOOtheme builder › Smart Grid › Extra fields on spotlight cards

Spotlight cards only. An item hidden by the Hide extras element stays hidden either way.

  Type `select` Default  `Inherit (same as the rest of the grid)`  Options - Inherit (same as the rest of the grid) `inherit`
- Always show on spotlights `always`
- Never show on spotlights `never`

    #####  Badge style [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-badge-style)

 Where to find it YOOtheme builder › Smart Grid › Badge style

Shape of the spotlight badge. This is the spotlight badge only - the per-card Ribbon labels on the Content tab are a separate feature.

  Type `select` Default  `Pill (bottom-left)`  Options - Pill (bottom-left) `pill`
- Corner ribbon (bottom-right) `ribbon`
- Corner label (bottom-left) `corner`
- Banner across the image `banner`
- None `none`

    #####  Wide layout (image left + overlay right) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-wide-layout)

 Where to find it YOOtheme builder › Smart Grid › Wide layout (image left + overlay right)

Hero-style spotlight card. Works at any spotlight\_cols value.

  Type `checkbox` Default  `0`    #####  Wide layout background [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-wide-bg)

 Where to find it YOOtheme builder › Smart Grid › Wide layout background

Video uses the item's existing video URL (YouTube, Vimeo or a direct .mp4/.webm file) and plays it muted and looping behind the text. Any item without a video keeps its image. Phones and reduced-motion always show the image.

  Type `select` Default  `Image`  Options - Image `image`
- Video (falls back to image) `video`

    #####  Overlay colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-overlay-color)

 Where to find it YOOtheme builder › Smart Grid › Overlay colour

This setting has no help text in the plugin.

  Type `select` Default  `Black`  Options - Black `black`
- White `white`
- None `none`

    #####  Overlay opacity (%) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-overlay-opacity)

 Where to find it YOOtheme builder › Smart Grid › Overlay opacity (%)

How opaque the overlay is on the text side. Fades to transparent near the image.

  Type `number` Default  `70`    #####  Big title size (px) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-big-title-size)

 Where to find it YOOtheme builder › Smart Grid › Big title size (px)

Title font size inside the wide spotlight card.

  Type `number` Default  `36`    #####  Radius glow [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-glow-enabled)

 Where to find it YOOtheme builder › Smart Grid › Radius glow

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Glow colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-glow-color)

 Where to find it YOOtheme builder › Smart Grid › Glow colour

This setting has no help text in the plugin.

  Type `color` Default  `#FFD700`    #####  Glow size (px) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-glow-size)

 Where to find it YOOtheme builder › Smart Grid › Glow size (px)

Blur spread of the glow around the card.

  Type `number` Default  `18`    #####  Drop shadow [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-shadow-enabled)

 Where to find it YOOtheme builder › Smart Grid › Drop shadow

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Shadow colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-shadow-color)

 Where to find it YOOtheme builder › Smart Grid › Shadow colour

This setting has no help text in the plugin.

  Type `color` Default  `#000000`    #####  Shadow horizontal offset (px) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-shadow-x)

 Where to find it YOOtheme builder › Smart Grid › Shadow horizontal offset (px)

This setting has no help text in the plugin.

  Type `number` Default  `0`    #####  Shadow vertical offset (px) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-shadow-y)

 Where to find it YOOtheme builder › Smart Grid › Shadow vertical offset (px)

This setting has no help text in the plugin.

  Type `number` Default  `6`    #####  Shadow blur (px) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-shadow-blur)

 Where to find it YOOtheme builder › Smart Grid › Shadow blur (px)

This setting has no help text in the plugin.

  Type `number` Default  `20`    #####  Shadow spread (px) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-spotlight-shadow-spread)

 Where to find it YOOtheme builder › Smart Grid › Shadow spread (px)

This setting has no help text in the plugin.

  Type `number` Default  `0`    #####  List name [\#](#yc-manual-yc-manual-element-smart-grid-item-5-schema-list-name)

 Where to find it YOOtheme builder › Smart Grid › List name

Optional name for the list or series in the structured data. Leave empty to use the page or feed title.

  Type `text` Default  Not set    #####  Publisher name [\#](#yc-manual-yc-manual-element-smart-grid-item-5-schema-publisher-name)

 Where to find it YOOtheme builder › Smart Grid › Publisher name

Optional. Use this only for your OWN content; leave empty for directories of other people&#039;s content.

  Type `text` Default  Not set    #####  Publisher logo URL [\#](#yc-manual-yc-manual-element-smart-grid-item-5-schema-publisher-logo)

 Where to find it YOOtheme builder › Smart Grid › Publisher logo URL

Optional absolute URL to the publisher logo (used together with Publisher name).

  Type `text` Default  Not set    #####  sameAs links [\#](#yc-manual-yc-manual-element-smart-grid-item-5-schema-sameas)

 Where to find it YOOtheme builder › Smart Grid › sameAs links

Optional. One URL per line (official site, social profiles) for radio or podcast entities.

  Type `textarea` Default  Not set    #####  Radio frequency [\#](#yc-manual-yc-manual-element-smart-grid-item-5-schema-radio-frequency)

 Where to find it YOOtheme builder › Smart Grid › Radio frequency

Optional broadcast frequency of a radio station, e.g. 100.7 FM.

  Type `text` Default  Not set    #####  css [\#](#yc-manual-yc-manual-element-smart-grid-item-5-css)

 Where to find it YOOtheme builder › Smart Grid › css

Enter your own custom CSS. Smart Grid exposes these selectors so you can target any part of the grid:<br><br><strong>Grid structure</strong><br><code>.yc-fav-grid</code> - Grid container (the whole element wrapper)<br><code>.yc-fav-item</code> - Each card in the grid<br><code>.yc-grid-content</code> - Card content area (title, meta, body, buttons)<br><br><strong>Card image</strong><br><code>.yc-thumb-wrap</code> - Card image wrapper<br><code>.yc-thumb-img</code> - Card image itself<br><br><strong>Card background style</strong><br><code>.yc-card-glass</code> - Glass background<br><code>.yc-card-transparent</code> - Transparent background<br><code>.yc-card-border</code> - Bordered card<br><code>.yc-card-adaptive</code> - Adaptive text / border colors<br><br><strong>Layout modifiers</strong><br><code>.yc-equal-height</code> - Equal item height mode<br><code>.yc-cols-1 / -2 / -3 / -4</code> - Column-count modifier<br><code>.yc-gap-small / -medium / -large</code> - Gap modifier<br><code>.yc-default-layout-hleft</code> - Horizontal layout, image left<br><code>.yc-default-layout-hright</code> - Horizontal layout, image right<br><br><strong>Flip effect</strong><br><code>.yc-flip-card</code> - Flip-enabled card<br><code>.yc-flip-front</code> - Front face<br><code>.yc-flip-back</code> - Back face<br><code>.yc-flipped</code> - Card currently flipped<br><code>.yc-flip-all-btn</code> - “Flip all” control above the grid<br><br><strong>Filters and tags</strong><br><code>.yc-filter-btn</code> - Filter bar button (All / Favourites)<br><code>.yc-filter-active</code> - Active filter button<br><code>.yc-tag-btn</code> - Tag filter button<br><code>.yc-tag-active</code> - Active tag button<br><br><strong>Search</strong><br><code>.yc-search-wrap</code> - Search bar wrapper<br><code>.yc-search-input</code> - Search input<br><br><strong>Spotlight</strong><br><code>.yc-spotlight-section</code> - Spotlight container<br><code>.yc-spotlight-item</code> - Each spotlight item<br><code>.yc-sl-badge</code> - Spotlight badge<br><code>.yc-sl-image</code> - Spotlight image<br><br><strong>Star rating</strong><br><code>.yc-star-rating</code> - Star rating widget<br><code>.yc-star-fg</code> - Filled star<br><code>.yc-star-bg</code> - Empty star<br><br><strong>Ads and empty state</strong><br><code>.yc-ad-item</code> - Ad placement card<br><code>.yc-ad-google</code> - Google AdSense slot<br><code>.yc-favs-empty</code> - Empty favourites state<br><br><strong>Card box</strong><br><code>.yc-item-inner</code> - The card box itself; border, radius, background and shadow are set here, not on .yc-fav-item<br><code>.yc-heart-btn</code> - Favourite heart button<br><br><strong>Ribbon labels</strong><br><code>.yc-sg-ribbon</code> - Ribbon label; add a position modifier such as <code>.yc-sg-ribbon--corner-bottom-left</code> or <code>.yc-sg-ribbon--middle</code><br><br><strong>Wide spotlight hero</strong><br><code>.yc-sl-wide</code> - Full-width spotlight card<br><code>.yc-sl-overlay</code> - Gradient overlay above the hero image<br><code>.yc-sl-bgvideo</code> - Background video layer<br><br><em>Tip:</em> wrap rules with <code>.el-element</code> to scope to this grid only - e.g. <code>.el-element .yc-fav-item { ... }</code>

  Type `editor` Default  Not set    #####  Enable ribbon labels [\#](#yc-manual-yc-manual-element-smart-grid-item-5-label-enable)

 Where to find it YOOtheme builder › Smart Grid › Enable ribbon labels

Show a small ribbon/label on each card (e.g. New, Sale, Popular). Off by default.

  Type `checkbox` Default  `0`    #####  Ribbon position [\#](#yc-manual-yc-manual-element-smart-grid-item-5-label-position)

 Where to find it YOOtheme builder › Smart Grid › Ribbon position

This setting has no help text in the plugin.

  Type `select` Default  `Corner top-left`  Options - Corner top-left `corner-left`
- Corner top-right `corner-right`
- Corner bottom-left `corner-bottom-left`
- Corner bottom-right `corner-bottom-right`
- Side ribbon (left edge) `side`
- Band across middle `middle`

    #####  Tag -> label map [\#](#yc-manual-yc-manual-element-smart-grid-item-5-label-tag-map)

 Where to find it YOOtheme builder › Smart Grid › Tag -> label map

One rule per line: tag=preset, tag=Custom text, or tag=Custom text|#hex. A card gets the label only if it carries that tag.

  Type `textarea` Default  Not set    #####  Social label preset [\#](#yc-manual-yc-manual-element-smart-grid-item-5-social-label-preset)

 Where to find it YOOtheme builder › Smart Grid › Social label preset

This setting has no help text in the plugin.

  Type `select` Default  `None`  Options - None `none`
- Spotlight `spotlight`
- New `new`
- Popular `popular`
- Improved `improved`
- Sale `sale`
- Custom `custom`

    #####  Custom social label text [\#](#yc-manual-yc-manual-element-smart-grid-item-5-social-label-text)

 Where to find it YOOtheme builder › Smart Grid › Custom social label text

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Social label colour [\#](#yc-manual-yc-manual-element-smart-grid-item-5-social-label-color)

 Where to find it YOOtheme builder › Smart Grid › Social label colour

This setting has no help text in the plugin.

  Type `color` Default  Not set    #####  ZOO item [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ribbon-item-1)

 Where to find it YOOtheme builder › Smart Grid › ZOO item

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label (preset name or custom text) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ribbon-label-1)

 Where to find it YOOtheme builder › Smart Grid › Label (preset name or custom text)

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  ZOO item [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ribbon-item-2)

 Where to find it YOOtheme builder › Smart Grid › ZOO item

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label (preset name or custom text) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ribbon-label-2)

 Where to find it YOOtheme builder › Smart Grid › Label (preset name or custom text)

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  ZOO item [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ribbon-item-3)

 Where to find it YOOtheme builder › Smart Grid › ZOO item

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label (preset name or custom text) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ribbon-label-3)

 Where to find it YOOtheme builder › Smart Grid › Label (preset name or custom text)

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  ZOO item [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ribbon-item-4)

 Where to find it YOOtheme builder › Smart Grid › ZOO item

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label (preset name or custom text) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ribbon-label-4)

 Where to find it YOOtheme builder › Smart Grid › Label (preset name or custom text)

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  ZOO item [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ribbon-item-5)

 Where to find it YOOtheme builder › Smart Grid › ZOO item

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label (preset name or custom text) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ribbon-label-5)

 Where to find it YOOtheme builder › Smart Grid › Label (preset name or custom text)

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  ZOO item [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ribbon-item-6)

 Where to find it YOOtheme builder › Smart Grid › ZOO item

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label (preset name or custom text) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-ribbon-label-6)

 Where to find it YOOtheme builder › Smart Grid › Label (preset name or custom text)

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Article [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ribbon-item-1)

 Where to find it YOOtheme builder › Smart Grid › Article

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label (preset name or custom text) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ribbon-label-1)

 Where to find it YOOtheme builder › Smart Grid › Label (preset name or custom text)

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Article [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ribbon-item-2)

 Where to find it YOOtheme builder › Smart Grid › Article

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label (preset name or custom text) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ribbon-label-2)

 Where to find it YOOtheme builder › Smart Grid › Label (preset name or custom text)

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Article [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ribbon-item-3)

 Where to find it YOOtheme builder › Smart Grid › Article

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label (preset name or custom text) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ribbon-label-3)

 Where to find it YOOtheme builder › Smart Grid › Label (preset name or custom text)

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Article [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ribbon-item-4)

 Where to find it YOOtheme builder › Smart Grid › Article

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label (preset name or custom text) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ribbon-label-4)

 Where to find it YOOtheme builder › Smart Grid › Label (preset name or custom text)

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Article [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ribbon-item-5)

 Where to find it YOOtheme builder › Smart Grid › Article

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label (preset name or custom text) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ribbon-label-5)

 Where to find it YOOtheme builder › Smart Grid › Label (preset name or custom text)

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Article [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ribbon-item-6)

 Where to find it YOOtheme builder › Smart Grid › Article

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Label (preset name or custom text) [\#](#yc-manual-yc-manual-element-smart-grid-item-5-joomla-ribbon-label-6)

 Where to find it YOOtheme builder › Smart Grid › Label (preset name or custom text)

This setting has no help text in the plugin.

  Type `text` Default  Not set      ### RSS Feed

 #### Ads / Schema

 #####  Structured data (schema.org) [\#](#yc-manual-yc-manual-element-rss-feed-display-ads-schema-schema-type)

 Where to find it YOOtheme builder › RSS Feed › Ads / Schema › Structured data (schema.org)

Adds schema.org JSON-LD describing this content for search engines and AI answer engines. Default off. Pick a content type, or Automatic to let the element decide.

  Type `select` Default  `Off`  Options - Off `none`
- Automatic (recommended) `auto`
- Podcasts (overview) `podcastseries`
- Podcast episodes `podcast`
- Radio stations `radio`
- Blogs (overview) `blogdirectory`
- Blog posts `blog`
- Events `event`
- Generic list `itemlist`

     #### RSS Feed

 #####  Feed URL source [\#](#yc-manual-yc-manual-element-rss-feed-display-1-mode)

 Where to find it YOOtheme builder › RSS Feed › Feed URL source

Static = fixed URL. Dynamic = read URL from a ZOO item field on the current page.

  Type `select` Default  `Static URL`  Options - Static URL `static`
- Dynamic from ZOO `zoo_dynamic`

    #####  RSS / Atom feed URL [\#](#yc-manual-yc-manual-element-rss-feed-display-1-feed-url)

 Where to find it YOOtheme builder › RSS Feed › RSS / Atom feed URL

Full URL. Example: https://feeds.bbci.co.uk/news/rss.xml

  Type `text` Default  Not set    #####  ZOO App [\#](#yc-manual-yc-manual-element-rss-feed-display-1-zoo-appid)

 Where to find it YOOtheme builder › RSS Feed › ZOO App

Pick the ZOO application that holds the items with the RSS URL field.

  Type `text` Default  `1`    #####  Item Type [\#](#yc-manual-yc-manual-element-rss-feed-display-1-zoo-type)

 Where to find it YOOtheme builder › RSS Feed › Item Type

Pick the ZOO item type that exposes the RSS feed URL element.

  Type `text` Default  Not set    #####  RSS feed URL element [\#](#yc-manual-yc-manual-element-rss-feed-display-1-zoo-url-field)

 Where to find it YOOtheme builder › RSS Feed › RSS feed URL element

Pick the ZOO element on the type that stores the RSS / Atom feed URL.

  Type `text` Default  Not set    #####  Test ZOO item ID (0 = auto-detect) [\#](#yc-manual-yc-manual-element-rss-feed-display-1-zoo-test-item-id)

 Where to find it YOOtheme builder › RSS Feed › Test ZOO item ID (0 = auto-detect)

Set a real ZOO item ID for builder preview. Leave 0 in production.

  Type `number` Default  `0`    #####  Strip HTML from ZOO URL field [\#](#yc-manual-yc-manual-element-rss-feed-display-1-zoo-url-strip-html)

 Where to find it YOOtheme builder › RSS Feed › Strip HTML from ZOO URL field

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Number of items [\#](#yc-manual-yc-manual-element-rss-feed-display-1-items-count)

 Where to find it YOOtheme builder › RSS Feed › Number of items

Maximum feed items to render. 1-50.

  Type `number` Default  `10`    #####  Cache TTL (minutes) [\#](#yc-manual-yc-manual-element-rss-feed-display-1-cache-ttl)

 Where to find it YOOtheme builder › RSS Feed › Cache TTL (minutes)

How long to cache the parsed feed. 0 = no cache.

  Type `number` Default  `30`    #####  Items per page (0 = no pagination) [\#](#yc-manual-yc-manual-element-rss-feed-display-1-items-per-page)

 Where to find it YOOtheme builder › RSS Feed › Items per page (0 = no pagination)

Show this many items at once with prev/next controls. 0 disables pagination and shows everything fetched. Works in Cards, List, and Magazine layouts.

  Type `number` Default  `0`    #####  Show search bar [\#](#yc-manual-yc-manual-element-rss-feed-display-1-show-search-bar)

 Where to find it YOOtheme builder › RSS Feed › Show search bar

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Search box placeholder [\#](#yc-manual-yc-manual-element-rss-feed-display-1-search-placeholder)

 Where to find it YOOtheme builder › RSS Feed › Search box placeholder

This setting has no help text in the plugin.

  Type `text` Default  `Search...`    #####  Show sort dropdown [\#](#yc-manual-yc-manual-element-rss-feed-display-1-show-sort-bar)

 Where to find it YOOtheme builder › RSS Feed › Show sort dropdown

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Default sort order [\#](#yc-manual-yc-manual-element-rss-feed-display-1-default-sort)

 Where to find it YOOtheme builder › RSS Feed › Default sort order

This setting has no help text in the plugin.

  Type `select` Default  `Feed order (as published)`  Options - Feed order (as published) `feed_order`
- Date - newest first `date_desc`
- Date - oldest first `date_asc`
- Alphabetical A-Z `az`
- Alphabetical Z-A `za`

    #####  Show "Load full article" in modal [\#](#yc-manual-yc-manual-element-rss-feed-display-1-modal-full-article)

 Where to find it YOOtheme builder › RSS Feed › Show "Load full article" in modal

Adds a button to the modal that downloads the article, extracts the main content server-side, and inlines it. Result is cached for 12 hours per URL. Only works in modal click mode.

  Type `checkbox` Default  `0`    #####  Layout [\#](#yc-manual-yc-manual-element-rss-feed-display-1-layout)

 Where to find it YOOtheme builder › RSS Feed › Layout

This setting has no help text in the plugin.

  Type `select` Default  `Cards (image + text)`  Options - Cards (image + text) `cards`
- List (vertical rows) `list`
- Compact (text only) (no ads) `compact`
- Ticker (horizontal scroll) (no ads) `ticker`
- Magazine (mosaic mix) (no ads) `magazine`

    #####  Columns [\#](#yc-manual-yc-manual-element-rss-feed-display-1-columns)

 Where to find it YOOtheme builder › RSS Feed › Columns

This setting has no help text in the plugin.

  Type `select` Default  `2 Columns`  Options - 1 Column `1`
- 2 Columns `2`
- 3 Columns `3`
- 4 Columns `4`

    #####  Gap [\#](#yc-manual-yc-manual-element-rss-feed-display-1-gap)

 Where to find it YOOtheme builder › RSS Feed › Gap

This setting has no help text in the plugin.

  Type `select` Default  `Medium`  Options - Small `small`
- Medium `medium`
- Large `large`

    #####  Ticker theme [\#](#yc-manual-yc-manual-element-rss-feed-display-1-ticker-theme)

 Where to find it YOOtheme builder › RSS Feed › Ticker theme

This setting has no help text in the plugin.

  Type `select` Default  `Default (subtle bar)`  Options - Default (subtle bar) `default`
- Dark `dark`
- Bright (red highlight) `bright`
- Minimal (no background) `minimal`

    #####  Ticker speed (seconds per full loop) [\#](#yc-manual-yc-manual-element-rss-feed-display-1-ticker-speed)

 Where to find it YOOtheme builder › RSS Feed › Ticker speed (seconds per full loop)

Lower = faster. 40 is a comfortable reading pace; 20 is fast; 80 is slow.

  Type `number` Default  `40`    #####  Ticker direction [\#](#yc-manual-yc-manual-element-rss-feed-display-1-ticker-direction)

 Where to find it YOOtheme builder › RSS Feed › Ticker direction

This setting has no help text in the plugin.

  Type `select` Default  `Right to left (default)`  Options - Right to left (default) `left`
- Left to right `right`

    #####  Pause on hover [\#](#yc-manual-yc-manual-element-rss-feed-display-1-ticker-pause-hover)

 Where to find it YOOtheme builder › RSS Feed › Pause on hover

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Item separator character [\#](#yc-manual-yc-manual-element-rss-feed-display-1-ticker-separator)

 Where to find it YOOtheme builder › RSS Feed › Item separator character

Character shown between items. Common: • · - | →

  Type `text` Default  `•`    #####  Show source name on each ticker item [\#](#yc-manual-yc-manual-element-rss-feed-display-1-ticker-show-source)

 Where to find it YOOtheme builder › RSS Feed › Show source name on each ticker item

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Show date on each ticker item [\#](#yc-manual-yc-manual-element-rss-feed-display-1-ticker-show-date)

 Where to find it YOOtheme builder › RSS Feed › Show date on each ticker item

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Show feed header [\#](#yc-manual-yc-manual-element-rss-feed-display-1-show-feed-header)

 Where to find it YOOtheme builder › RSS Feed › Show feed header

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Custom feed title [\#](#yc-manual-yc-manual-element-rss-feed-display-1-feed-title-override)

 Where to find it YOOtheme builder › RSS Feed › Custom feed title

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Show feed description [\#](#yc-manual-yc-manual-element-rss-feed-display-1-show-feed-subtitle)

 Where to find it YOOtheme builder › RSS Feed › Show feed description

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Show image [\#](#yc-manual-yc-manual-element-rss-feed-display-1-show-image)

 Where to find it YOOtheme builder › RSS Feed › Show image

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Image height (px) [\#](#yc-manual-yc-manual-element-rss-feed-display-1-image-height)

 Where to find it YOOtheme builder › RSS Feed › Image height (px)

This setting has no help text in the plugin.

  Type `number` Default  `180`    #####  Image fit [\#](#yc-manual-yc-manual-element-rss-feed-display-1-image-fit)

 Where to find it YOOtheme builder › RSS Feed › Image fit

This setting has no help text in the plugin.

  Type `select` Default  `Cover`  Options - Cover `cover`
- Contain `contain`
- Fill `fill`

    #####  Fallback to OpenGraph image [\#](#yc-manual-yc-manual-element-rss-feed-display-1-image-fallback-og)

 Where to find it YOOtheme builder › RSS Feed › Fallback to OpenGraph image

Adds an extra HTTP request per item (cached 12h).

  Type `checkbox` Default  `0`    #####  Inline video playback [\#](#yc-manual-yc-manual-element-rss-feed-display-1-allow-inline-video)

 Where to find it YOOtheme builder › RSS Feed › Inline video playback

When ON, clicking the thumbnail of a video feed item swaps it for an embedded player (iframe for YouTube/Vimeo, native <video> for HTML5). The title and Read more button still link to the original.

  Type `checkbox` Default  `1`    #####  Show date [\#](#yc-manual-yc-manual-element-rss-feed-display-1-show-date)

 Where to find it YOOtheme builder › RSS Feed › Show date

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Date format [\#](#yc-manual-yc-manual-element-rss-feed-display-1-date-format)

 Where to find it YOOtheme builder › RSS Feed › Date format

PHP date() format. j M Y -> 6 May 2026 | d-m-Y -> 06-05-2026

  Type `text` Default  `j M Y`    #####  Show author [\#](#yc-manual-yc-manual-element-rss-feed-display-1-show-author)

 Where to find it YOOtheme builder › RSS Feed › Show author

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Show source name [\#](#yc-manual-yc-manual-element-rss-feed-display-1-show-source)

 Where to find it YOOtheme builder › RSS Feed › Show source name

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Show description [\#](#yc-manual-yc-manual-element-rss-feed-display-1-show-description)

 Where to find it YOOtheme builder › RSS Feed › Show description

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Description max characters [\#](#yc-manual-yc-manual-element-rss-feed-display-1-description-truncate)

 Where to find it YOOtheme builder › RSS Feed › Description max characters

0 = full text. Truncation respects word boundaries.

  Type `number` Default  `200`    #####  HTML sanitisation [\#](#yc-manual-yc-manual-element-rss-feed-display-1-sanitize-level)

 Where to find it YOOtheme builder › RSS Feed › HTML sanitisation

This setting has no help text in the plugin.

  Type `select` Default  `Keep basic formatting`  Options - Strip all HTML `strip_all`
- Keep basic formatting `keep_basic`
- Keep with images `keep_with_images`

    #####  Title visual style [\#](#yc-manual-yc-manual-element-rss-feed-display-1-title-size)

 Where to find it YOOtheme builder › RSS Feed › Title visual style

Heading size for the item title (native YOOtheme heading styles).

  Type `select` Default  Not set  Options - Default ``
- H1 `uk-h1`
- H2 `uk-h2`
- H3 `uk-h3`
- H4 `uk-h4`
- H5 `uk-h5`
- H6 `uk-h6`
- Heading Small `uk-heading-small`
- Heading Medium `uk-heading-medium`
- Heading Large `uk-heading-large`
- Heading XLarge `uk-heading-xlarge`
- Heading 2XLarge `uk-heading-2xlarge`

    #####  When a feed item is clicked [\#](#yc-manual-yc-manual-element-rss-feed-display-1-click-action)

 Where to find it YOOtheme builder › RSS Feed › When a feed item is clicked

This setting has no help text in the plugin.

  Type `select` Default  `Open original in new tab`  Options - Open original in new tab `new_tab`
- Open in modal preview `modal`

    #####  Show Read more button [\#](#yc-manual-yc-manual-element-rss-feed-display-1-show-read-more)

 Where to find it YOOtheme builder › RSS Feed › Show Read more button

This setting has no help text in the plugin.

  Type `checkbox` Default  `1`    #####  Read more button text [\#](#yc-manual-yc-manual-element-rss-feed-display-1-read-more-label)

 Where to find it YOOtheme builder › RSS Feed › Read more button text

This setting has no help text in the plugin.

  Type `text` Default  `Read original`    #####  Card background [\#](#yc-manual-yc-manual-element-rss-feed-display-1-card-bg)

 Where to find it YOOtheme builder › RSS Feed › Card background

This setting has no help text in the plugin.

  Type `select` Default  `Default`  Options - Default `default`
- Transparent `transparent`
- Glass `glass`
- Muted `muted`

    #####  Card border radius (px) [\#](#yc-manual-yc-manual-element-rss-feed-display-1-border-radius)

 Where to find it YOOtheme builder › RSS Feed › Card border radius (px)

This setting has no help text in the plugin.

  Type `number` Default  `8`    #####  Empty state text [\#](#yc-manual-yc-manual-element-rss-feed-display-1-empty-state-text)

 Where to find it YOOtheme builder › RSS Feed › Empty state text

This setting has no help text in the plugin.

  Type `text` Default  `No items found in this feed.`    #####  Error state text [\#](#yc-manual-yc-manual-element-rss-feed-display-1-error-state-text)

 Where to find it YOOtheme builder › RSS Feed › Error state text

This setting has no help text in the plugin.

  Type `text` Default  `The feed could not be loaded right now.`    #####  Enable Advertisements [\#](#yc-manual-yc-manual-element-rss-feed-display-1-ads-enabled)

 Where to find it YOOtheme builder › RSS Feed › Enable Advertisements

Inserts an ad block after every N feed items in the cards, list and compact layouts (not ticker or magazine).

  Type `checkbox` Default  `0`    #####  Items between ads [\#](#yc-manual-yc-manual-element-rss-feed-display-1-ads-interval)

 Where to find it YOOtheme builder › RSS Feed › Items between ads

Number of feed items between two ads.

  Type `number` Default  `4`    #####  Random placement [\#](#yc-manual-yc-manual-element-rss-feed-display-1-ads-random)

 Where to find it YOOtheme builder › RSS Feed › Random placement

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Google AdSense [\#](#yc-manual-yc-manual-element-rss-feed-display-1-google-ads-enabled)

 Where to find it YOOtheme builder › RSS Feed › Google AdSense

This setting has no help text in the plugin.

  Type `checkbox` Default  `0`    #####  Publisher ID [\#](#yc-manual-yc-manual-element-rss-feed-display-1-google-ads-client)

 Where to find it YOOtheme builder › RSS Feed › Publisher ID

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Ad slot ID [\#](#yc-manual-yc-manual-element-rss-feed-display-1-google-ads-slot)

 Where to find it YOOtheme builder › RSS Feed › Ad slot ID

This setting has no help text in the plugin.

  Type `text` Default  Not set    #####  Ad format [\#](#yc-manual-yc-manual-element-rss-feed-display-1-google-ads-format)

 Where to find it YOOtheme builder › RSS Feed › Ad format

This setting has no help text in the plugin.

  Type `select` Default  `Auto (responsive)`  Options - Auto (responsive) `auto`
- In-feed (native) `fluid`
- Rectangle `rectangle`
- Horizontal banner `horizontal`
- Vertical `vertical`

    #####  Ad layout key [\#](#yc-manual-yc-manual-element-rss-feed-display-1-google-ads-layout-key)

 Where to find it YOOtheme builder › RSS Feed › Ad layout key

The data-ad-layout-key from your AdSense In-feed unit. Required when format is In-feed.

  Type `text` Default  Not set    #####  List name [\#](#yc-manual-yc-manual-element-rss-feed-display-1-schema-list-name)

 Where to find it YOOtheme builder › RSS Feed › List name

Optional name for the list or series in the structured data. Leave empty to use the page or feed title.

  Type `text` Default  Not set    #####  Publisher name [\#](#yc-manual-yc-manual-element-rss-feed-display-1-schema-publisher-name)

 Where to find it YOOtheme builder › RSS Feed › Publisher name

Optional. Use this only for your OWN content; leave empty for directories of other people&#039;s content.

  Type `text` Default  Not set    #####  Publisher logo URL [\#](#yc-manual-yc-manual-element-rss-feed-display-1-schema-publisher-logo)

 Where to find it YOOtheme builder › RSS Feed › Publisher logo URL

Optional absolute URL to the publisher logo (used together with Publisher name).

  Type `text` Default  Not set    #####  sameAs links [\#](#yc-manual-yc-manual-element-rss-feed-display-1-schema-sameas)

 Where to find it YOOtheme builder › RSS Feed › sameAs links

Optional. One URL per line (official site, social profiles) for radio or podcast entities.

  Type `textarea` Default  Not set    #####  Radio frequency [\#](#yc-manual-yc-manual-element-rss-feed-display-1-schema-radio-frequency)

 Where to find it YOOtheme builder › RSS Feed › Radio frequency

Optional broadcast frequency of a radio station, e.g. 100.7 FM.

  Type `text` Default  Not set    #####  css [\#](#yc-manual-yc-manual-element-rss-feed-display-1-css)

 Where to find it YOOtheme builder › RSS Feed › css

Enter your own custom CSS. The RSS Feed Display exposes these selectors:<br><br><strong>Structure</strong><br><code>.ycrss-root</code> - the element wrapper<br><code>.ycrss-grid</code> - the card grid<br><code>.ycrss-card</code> - one feed item<br><code>.ycrss-body</code> - the text column inside a card<br><br><strong>Card parts</strong><br><code>.ycrss-img-wrap</code> / <code>.ycrss-img</code> - the picture<br><code>.ycrss-meta</code> - date, author and source line<br><code>.ycrss-source</code> - the source name<br><code>.ycrss-title</code> - the headline<br><code>.ycrss-desc</code> - the summary text<br><code>.ycrss-readmore</code> - the Read original link<br><br><strong>Layout modifiers</strong> (on the wrapper)<br><code>.ycrss-layout-cards</code> / <code>-list</code> / <code>-compact</code> / <code>-magazine</code> / <code>-ticker</code><br><br><strong>Magazine layout</strong><br><code>.ycrss-mag-grid</code>, <code>.ycrss-mag-cell</code>, <code>.ycrss-mag-hero</code>, <code>.ycrss-mag-title</code><br><br><strong>Ticker layout</strong><br><code>.ycrss-ticker-wrap</code>, <code>.ycrss-ticker-track</code>, <code>.ycrss-ticker-item</code><br><br><strong>Toolbar and paging</strong><br><code>.ycrss-toolbar</code>, <code>.ycrss-search</code>, <code>.ycrss-sort</code>, <code>.ycrss-pagination</code>, <code>.ycrss-page-btn</code>, <code>.ycrss-no-results</code><br><br><strong>Pop-up reader</strong><br><code>.ycrss-modal</code>, <code>.ycrss-modal-box</code>, <code>.ycrss-modal-title</code>, <code>.ycrss-modal-body</code>, <code>.ycrss-modal-cta</code><br><br><strong>Video and audio</strong><br><code>.ycrss-video-overlay</code>, <code>.ycrss-video-btn</code>, <code>.ycrss-video-frame</code><br><br><em>Repainting the card?</em> Set <code>--ycrss-ink</code> to the text colour you want, so the headline stays readable: <code>.ycrss-card { background:#222; --ycrss-ink:#fff; }</code><br><em>Tip:</em> wrap rules with <code>.el-element</code> to scope them to this element only.

  Type `editor` Default  Not set

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.

 [ Get Smart Grid ](#)

 [ Read the manual ](#)

## Schema

```json
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://www.yoozecase.com"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Smart Grid Demo",
            "item": "https://www.yoozecase.com/smart-grid-demo"
        }
    ]
}
```