home carousel if arrows check

bigcommerce · Jul 31, 2020 · ac71d92 · ac71d92
1 parent 8e19b69
commit ac71d92
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/assets/js/theme/common/carousel.js b/assets/js/theme/common/carousel.js
@@ -22,6 +22,7 @@ const showCarouselIfSlidesAnalizedSetup = ($carousel) => {
 
 const arrowAriaLabling = ($arrowLeft, $arrowRight, currentSlide, lastSlide) => {
     if (lastSlide < 2) return;
+    if ($arrowLeft.length === 0 || $arrowRight.length === 0) return;
 
     const arrowAriaLabelBaseText = $arrowLeft.attr('aria-label');
 

diff --git a/templates/components/carousel.html b/templates/components/carousel.html
@@ -10,9 +10,11 @@
         "prevArrow": ".js-hero-prev-arrow",
         "nextArrow": ".js-hero-next-arrow"
     }'>
+    {{#if arrows}}
     {{#if carousel.slides.length '>' 1}}
     <button aria-label="{{lang 'carousel.arrowAriaLabel'}} {{carousel.slides.length}}" class="js-hero-prev-arrow slick-prev slick-arrow">hero-prev-arrow</button>
     {{/if}}
+    {{/if}}
     {{#each carousel.slides}}
     <a class="hero-slide" href="{{url}}">
         <div class="heroCarousel-slide {{#if ../theme_settings.homepage_stretch_carousel_images}}stretch{{/if}} {{#if @first}}heroCarousel-slide--first{{/if}}">
@@ -47,7 +49,9 @@
         </div>
     </a>
     {{/each}}
+    {{#if arrows}}
     {{#if carousel.slides.length '>' 1}}
     <button aria-label="{{lang 'carousel.arrowAriaLabel'}} {{carousel.slides.length}}" class="js-hero-next-arrow slick-next slick-arrow">hero-next-arrow</button>
     {{/if}}
+    {{/if}}
 </section>