Merge pull request #2482 from patzick/feature/product-gallery-placeho…

…lder

add gallery placeholder

CHANGELOG.md

@@ -21,7 +21,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Improve images loading on category page, corrected alt view and blinking problem - @patzick (#2465)
 - Improve tsconfig for better IDE paths support - @patzick, @filrak (#2474)
 - fix breadcrumbs changing too early - @filrak (#2469)
-- improved product gallery load view, shows correct image on reload - @patzick (#2481)
+- improved product gallery load view, shows correct image on reload - @patzick (#2481, #2382)
 
 ### Deprecated / Removed
 - `@vue-storefront/store` package deprecated - @filrak

src/themes/default/components/core/ProductGallery.vue

@@ -21,7 +21,8 @@
             :current-slide="currentSlide"
             :product-name="product.name"
             :gallery="gallery"
-            @close="toggleZoom"/>
+            @close="toggleZoom"
+          />
           <no-ssr>
             <product-gallery-carousel
               v-if="showProductGalleryCarousel"
@@ -92,6 +93,10 @@ export default {
 .media-gallery {
   text-align: center;
   height: 100%;
+  background-image: url('/assets/placeholder.svg');
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 40% auto;
 }
 .offline-image {
   width: 100%;