Image switching length fix (#642)

rapidez · Nov 14, 2024 · ac44a09 · ac44a09
1 parent 53f93a1
commit ac44a09
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/resources/js/components/Product/Images.vue b/resources/js/components/Product/Images.vue
@@ -22,6 +22,7 @@ export default {
                     Object.values(window.config.product.super_attributes).filter((attribute) => attribute.update_image).length
                 ) {
                     self.images = simpleProduct.images
+                    self.active = Math.min(self.active, self.images.length - 1)
                 }
             })
         })
@@ -40,10 +41,10 @@ export default {
         },
 
         keyPressed(e) {
-            if (e.key == 'ArrowLeft' && this.active) {
+            if (e.key == 'ArrowLeft' && this.active > 0) {
                 // left
                 this.active--
-            } else if (e.key == 'ArrowRight' && this.active != this.images.length - 1) {
+            } else if (e.key == 'ArrowRight' && this.active < this.images.length - 1) {
                 // right
                 this.active++
             } else if (e.key == 'Escape') {