From a9e2b3a1d495cb9c560f4205a29ee8a36fff9d93 Mon Sep 17 00:00:00 2001
From: Hermes AI Bot <hermes-ai-bot@orfel.de>
Date: Fri, 24 Jul 2026 16:00:53 +0000
Subject: [PATCH] tip #43: Lightbox for item images

---
 TIPS.md                                       |  1 +
 ...-24-043-visual-lightbox-for-item-images.md | 22 +++++++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 tips/2026-07-24-043-visual-lightbox-for-item-images.md

diff --git a/TIPS.md b/TIPS.md
index 1dc77ad..0aa810d 100644
--- a/TIPS.md
+++ b/TIPS.md
@@ -35,3 +35,4 @@ Going forward, new tips are pushed automatically by the `mc_survival_tips.py` cr
 - [Tip #40](tips/2026-07-21-040-i18n-add-english-ui-translation.md) (2026-07-21) — **i18n**: Add English UI translation
 - [Tip #41](tips/2026-07-22-041-social-dynamic-og-image-share-previews.md) (2026-07-22) — **social**: Dynamic OG-Image share previews
 - [Tip #42](tips/2026-07-23-042-data-most-viewed-recipes-widget.md) (2026-07-23) — **data**: Most-Viewed Recipes widget
+- [Tip #43](tips/2026-07-24-043-visual-lightbox-for-item-images.md) (2026-07-24) — **visual**: Lightbox for item images
diff --git a/tips/2026-07-24-043-visual-lightbox-for-item-images.md b/tips/2026-07-24-043-visual-lightbox-for-item-images.md
new file mode 100644
index 0000000..d303712
--- /dev/null
+++ b/tips/2026-07-24-043-visual-lightbox-for-item-images.md
@@ -0,0 +1,22 @@
+---
+tip_number: 43
+date: 2026-07-24
+category: visual
+status: pending
+---
+
+# Tip #43 — Lightbox for item images
+
+**Date:** 2026-07-24  
+**Category:** visual  
+**Source:** MC-Survival Wiki Daily Tip (cron @ 18:00 MESZ)
+
+## Lightbox for item images
+
+A lightbox opens a high-resolution version of an item image in a Radix Dialog modal, with the full description and a row of related recipes, plus keyboard arrow navigation between items. It solves the 'icons are too small to see' problem on dense item pages, where a 32x32 pixel thumbnail hides the visual details that make items recognizable. The signal is interaction analytics: image clicks on the item grid are already common, but today they do nothing — a lightbox turns those dead clicks into a richer browsing experience. Using Radix Dialog (already a dep) means no new modal library, and arrow-key navigation inside the lightbox is the small touch that makes it feel like a real gallery rather than a popup.
+
+## Implementation tips
+
+1. Click an item image → modal with the high-res version, full description, and 'related recipes'.
+2. Use Radix Dialog (already a dep) — don't introduce a new modal library.
+3. Add 'next/prev' keyboard arrows inside the lightbox for browsing related items.