[XR] XFRM Grid Layout
Transform your Resource Manager into a stunning visual showcase
Version 2.3.0 | XenForo 2.3+ | PHP 8.0+

---

Tired of boring resource lists?

Your Resource Manager has incredible add-ons, styles, and digital products — but the default list view makes them all look the same. Visitors scroll past without stopping. Downloads suffer. Engagement drops.

[XR] XFRM Grid Layout transforms that flat, forgettable list into an eye-catching grid of cards that visitors actually want to click.

---

What You Get

Modern Card Layout
Each resource becomes a beautiful card with rounded corners, smooth shadows, and a satisfying hover lift animation. Your resource library instantly looks like a premium marketplace — not a dusty file archive.

Smart Background System
This is where the magic happens. Every card header features:

• Blurred background — The resource icon is used as a full-width blurred backdrop, creating depth and atmosphere
• Clear icon overlay — The same icon displayed crisp and sharp in the center, drawing the eye immediately
• Default fallback — No icon? No problem. Upload a default image in the admin panel, and every resource gets a professional look. No more broken layouts or empty boxes
• Gradient fallback — Even without any images at all, cards display a clean gradient with the first letter of the resource title

Price Ribbon
Visitors see pricing at a glance — no need to click into each resource:

• Orange badge — Paid resources showing the exact price ($9.99, €15.00)
• Purple badge — Credit-based resources (500 Bxu, 1000 Credits) — full MJ Resource Credits Payment support
• Green badge — Free resources

Version Badge
A sleek version tag (v2.6.5, v1.0.0) appears on every card header. Visitors instantly know which version is available — no clicking required.

Author Overlay
The resource author's avatar and username float over the card header in a pill-shaped overlay. Clean, informative, and always visible.

Stats at a Glance
Every card shows three key metrics in a clean row:

• Views — How popular is this resource?
• Downloads — How many people trust it?
• Rating — What does the community think?

Download Button
A prominent, full-width download button at the bottom of every card. One look, one click. No hunting for links.

---

Fully Responsive

• Desktop — 3-4 columns (configurable up to 6)
• Tablet — Automatically adjusts to 2-3 columns
• Mobile — Clean 2-column or single-column layout
• Reduced motion — Respects user accessibility preferences
• Print-friendly — Hides download buttons, optimizes for paper

---

Simple Admin Configuration

Everything is controlled from one settings page — no coding, no template edits:

• Enable/Disable — One toggle to switch between grid and default list
• Column count — Separate settings for desktop, tablet, and mobile
• Default background — Upload directly from your computer (JPG, PNG, WebP, GIF, SVG)

---

Built for XenForo 2.3

This is not a quick port from an older version. Every line of code is written specifically for XF 2.3:

• Compatible with SVG icon system (no more Font Awesome font issues)
• WebP resource icon optimization support
• Clean template modifications — no core file edits
• Works alongside other XFRM add-ons (XP Resources Layout, OzzModz, etc.)
• Proper hashes.json for file integrity verification
• No external dependencies, no phone-home, no license checks

---

Compatibility

• XenForo 2.3.0+
• XFRM 2.3.0+ (Resource Manager)
• PHP 8.0+
• [BR] Credits / MJ Resource Credits Payment — Fully supported
• Light & Dark themes — All badges and overlays designed for both
• Third-party styles — Uses XF LESS variables for automatic theme adaptation

---

Installation

1. Download the ZIP
2. Upload contents of the upload folder to your XenForo root
3. Install from Admin → Add-ons
4. Configure at Admin → Options → [XR] XFRM Grid Layout
5. Upload a default background image (optional but recommended)
6. Done!

View attachment 4449

---

Stop hiding your resources behind a boring list.
Give them the showcase they deserve.

Made with care by BXen — bxen.net