diff options
| author | Roger Rehnelt <noreply@maennchen1.de> | 2026-10-03 12:54:10 +0200 |
|---|---|---|
| committer | Roger Rehnelt <noreply@maennchen1.de> | 2026-10-03 12:54:10 +0200 |
| commit | 9474db8576c07f72e0b98d291bd67e56a3d7ba6e (patch) | |
| tree | 3cd457e5a08c2bf223880a6c22f09ac64fea0e1c /views/js/frontend.js | |
| parent | 9f2dda22a18f54cd1b9bfe3446fed22cb23b7b8f (diff) | |
Produktseite: Bildleiste im Modus „neu“
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>
Diffstat (limited to 'views/js/frontend.js')
| -rw-r--r-- | views/js/frontend.js | 18 |
1 files changed, 17 insertions, 1 deletions
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')); });
+
+ } );
|