From 9474db8576c07f72e0b98d291bd67e56a3d7ba6e Mon Sep 17 00:00:00 2001
From: Roger Rehnelt <noreply@maennchen1.de>
Date: Sat, 3 Oct 2026 12:54:10 +0200
Subject: Produktseite: Bildleiste im Modus „neu“
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Das Produktbild steht groß, darunter die Vorschaubilder als Knöpfe zum Umschalten. Die Demodaten geben dem Probierset vier weitere Bilder.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 views/js/frontend.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

(limited to 'views/js')

diff --git a/views/js/frontend.js b/views/js/frontend.js
index 98b9799..bfae2ea 100644
--- a/views/js/frontend.js
+++ b/views/js/frontend.js
@@ -224,4 +224,20 @@
 		value = value.toString().split('e');
 		return +(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp));
 
-	}
\ No newline at end of file
+	}
+
+	/**
+	 * Bildleiste der Produktseite im Modus „neu“: zeigt das gewählte Bild groß (Punkt 8.2)
+	 */
+	document.addEventListener('click', function(event) {
+
+		var thumb = event.target.closest('.wpsg-product__thumb');
+		if (!thumb) return;
+
+		var media = thumb.closest('.wpsg-product__media');
+		var index = thumb.getAttribute('data-wpsg-image');
+
+		media.querySelectorAll('.wpsg-product__image').forEach(function(image) { image.style.display = ((image.getAttribute('data-wpsg-image') === index)?'':'none'); });
+		media.querySelectorAll('.wpsg-product__thumb').forEach(function(button) { button.setAttribute('aria-pressed', ((button === thumb)?'true':'false')); });
+
+	} );
-- 
cgit v1.2.3