Gallery slide show isn't working (Dawn theme)

[Jiozx]

Hi,

I have added a gallery slide show and the slider for mobile doesn't work. It's not my own code so I'm kind of struggling to figure out why it's not working.

Here's the code (without schema):

<div id="section-id-{{ section.id }}" data-section-type="gallery">
  {% style %}
    #section-id-{{ section.id }} .gallery__item {
      height: {{ section.settings.mobile_image_height }}px;
    }
    #section-id-{{ section.id }} .overlay-text__title {
      font-size: {{ section.settings.title_size_mobile }}px;
      {%- if section.settings.title_size_mobile >= 90 -%}
      line-height: 1em;
      {%- endif %}
    }
    @media (min-width: 768px) {
      #section-id-{{ section.id }} .gallery__item {
        height: {{ section.settings.desktop_image_height }}px;
      }
      #section-id-{{ section.id }} .overlay-text__title {
        {%- assign title_size_medium = section.settings.title_size | times: 0.7 | at_least: section.settings.title_size_mobile -%}
        font-size: {{ title_size_medium }}px;
        {%- if title_size_medium >= 90 -%}
        line-height: 1em;
        {%- endif %}
      }
    }
    @media (min-width: 1100px) {
      #section-id-{{ section.id }} .overlay-text__title {
        font-size: {{ section.settings.title_size }}px;
        {%- if section.settings.title_size >= 90 -%}
        line-height: 1em;
        {%- endif %}
      }
    }
  {% endstyle %}

  {%- capture super_container_class -%}
    {%- liquid
      if section.settings.enable_row_spacing
        if section.settings.use_alt_bg
          echo 'use-alt-bg fully-padded-row--medium'
        else
          echo 'fully-spaced-row--medium'
        endif
      elsif section.settings.use_alt_bg
        echo 'use-alt-bg'
      endif
    -%}
  {%- endcapture -%}

  <div class="{{ super_container_class }}">
    {%- unless section.settings.full_width -%}<div class="container container--not-mobile">{%- endunless -%}

    <div class="gallery gallery--grid-{{ section.settings.grid }}{% if section.settings.enable_margin %} gallery--with-margins{% endif %}{% if section.settings.enable_carousel %} gallery--mobile-carousel slick-slider-overlay-dots{% endif %}{% if section.settings.full_width and section.settings.enable_margin %} gallery--with-vertical-outer-padding{% endif %}" data-grid="{{ section.settings.grid }}">
      <div class="gallery__row">
        {%- for block in section.blocks -%}
          {%- assign forloop_mod_grid = forloop.index0 | modulo: section.settings.grid -%}
          {%- if forloop.index0 > 0 and forloop_mod_grid == 0 -%}
            </div><div class="gallery__row">
          {%- endif -%}
          {%- assign show_overlay_text = false -%}
          {%- if block.settings.title != blank or block.settings.subheading != blank or block.settings.button_label != blank -%}
            {%- assign show_overlay_text = true -%}
          {%- endif -%}

          <div class="gallery__item
              gallery__item-{{ forloop.index }}
              {% if block.settings.enlarge_image %}gallery__item--enlarged{% endif %}
              image-overlay
              image-overlay--bg-{{ section.settings.overlay_style }}
              image-overlay--edge-boxes
              lazyload--placeholder
              {% unless section.settings.use_alt_bg %}{% unless section.settings.full_width and section.settings.enable_margin == false %}image-overlay--edge-boxes--pad-to-corner{% endunless %}{% endunless %}
              " {{ block.shopify_attributes }}
              data-cc-animate>
            {%- if block.settings.link != blank -%}<a class="image-overlay__image-link" href="{{ block.settings.link }}">{%- endif -%}

            {%- if block.settings.image == blank -%}
              <div class="gallery__image placeholder-image {% if show_overlay_text %}dark{% endif %}">
                {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
              </div>
            {%- else -%}
              <div class="gallery__image rimage-outer-wrapper rimage-background lazyload{% if section.settings.enable_carousel %}--manual{% endif %} fade-in lazyloaded"
                  data-bgset="{% render 'bgset', image: block.settings.image %}"
                  data-sizes="auto"
                  data-parent-fit="cover"
                  style="background-position: {{ block.settings.alignment }};background-image: url({{ block.settings.image | img_url: '' }});">
                <noscript>
                  <div class="rimage-wrapper" style="padding-top:{{ 1 | divided_by: block.settings.image.aspect_ratio | times: 100 }}%">
                    <img src="{{ block.settings.image | img_url: '1024x1024' }}" alt="{{ block.settings.image.alt | escape }}" class="rimage__image">
                  </div>
                </noscript>
              </div>
            {%- endif -%}

            {%- if show_overlay_text -%}
            <div class="overlay-text overlay--v-{{ block.settings.text_alignment | split: ' ' | first }} overlay--h-{{ block.settings.text_alignment | split: ' ' | last }} image-overlay__over">
              <div class="overlay-text__inner">
                <div class="overlay-text__text">
                  {%- if block.settings.subheading != blank -%}
                    <div class="overlay-text__subheading subheading subheading--over">{{ block.settings.subheading | escape }}</div>
                  {%- endif -%}
                  {%- if block.settings.title != blank -%}
                    <h2 class="overlay-text__title h4-style">{{ block.settings.title | newline_to_br }}</h2>
                  {%- endif -%}
                  {%- if block.settings.button_label != blank -%}
                    <div class="overlay-text__button-row overlay-text__button-row--{{ section.settings.button_style }}">
                      <span class="overlay-text__button {% if section.settings.button_style != 'link' %}btn btn--{{ section.settings.button_style }}{% else %}small-feature-link{% endif %}">{{ block.settings.button_label }}</span>
                    </div>
                  {%- endif -%}
                </div>
              </div>
            </div>
            {%- endif -%}

            {%- if block.settings.link != blank -%}</a>{%- endif -%}
          </div>
        {%- endfor -%}
      </div>
    </div>
    {%- unless section.settings.full_width -%}</div>{%- endunless -%}
  </div>
</div>

[Jiozx]

Anyone???