Allow keyboard navigation in browser on product detail pages, by fixi…

…ng fotorama library to not change to a different image when pressing left or right arrow key in combination with certain modifier keys on your keyboard.
hostep · Sep 23, 2018 · d134a23 · d134a23
1 parent 8fd89cf
commit d134a23
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/lib/web/fotorama/fotorama.js b/lib/web/fotorama/fotorama.js
@@ -1951,10 +1951,10 @@ fotoramaVersion = '4.6.4';
                             if (e.keyCode === 27) {
                                 catched = true;
                                 that.cancelFullScreen();
-                            } else if ((e.shiftKey && e.keyCode === 32 && allowKey('space')) || (e.keyCode === 37 && allowKey('left')) || (e.keyCode === 38 && allowKey('up') && $(':focus').attr('data-gallery-role'))) {
+                            } else if ((e.shiftKey && e.keyCode === 32 && allowKey('space')) || (!e.altKey && !e.metaKey && e.keyCode === 37 && allowKey('left')) || (e.keyCode === 38 && allowKey('up') && $(':focus').attr('data-gallery-role'))) {
                                 that.longPress.progress();
                                 index = '<';
-                            } else if ((e.keyCode === 32 && allowKey('space')) || (e.keyCode === 39 && allowKey('right')) || (e.keyCode === 40 && allowKey('down') && $(':focus').attr('data-gallery-role'))) {
+                            } else if ((e.keyCode === 32 && allowKey('space')) || (!e.altKey && !e.metaKey && e.keyCode === 39 && allowKey('right')) || (e.keyCode === 40 && allowKey('down') && $(':focus').attr('data-gallery-role'))) {
                                 that.longPress.progress();
                                 index = '>';
                             } else if (e.keyCode === 36 && allowKey('home')) {
@@ -3553,7 +3553,7 @@ fotoramaVersion = '4.6.4';
 
                 if ((result.moved || (toggleControlsFLAG && result.pos !== result.newPos && !result.control)) && result.$target[0] !== $fullscreenIcon[0]) {
                     var index = getIndexByPos(result.newPos, measures.w, opts.margin, repositionIndex);
-                    
+
                     that.show({
                         index: index,
                         time: o_fade ? o_transitionDuration : result.time,

diff --git a/lib/web/fotorama/fotorama.min.js b/lib/web/fotorama/fotorama.min.js