How to continuously loop the Dawn theme product slider on mobile?

Store Design
1

Hello

I hope you are fine

I have an issue regarding the Dawn theme Product slider on mobile. I want the Dawn theme product slider running in a loop on mobile without stopping. Can you guide me on How it’s possible??

Dawn theme Product slider code

{{ "accessibility.skip_to_product_info" | t }}
    {%- liquid assign variant_images = product.images | where: 'attached_to_variant?', true | map: 'src' assign media_count = product.media.size if section.settings.hide_variants assign media_count = media_count | minus: variant_images.size | plus: 1 endif

    if section.settings.media_size == ‘large’
    assign media_width = 0.65
    elsif section.settings.media_size == ‘medium’
    assign media_width = 0.55
    elsif section.settings.media_size == ‘small’
    assign media_width = 0.45
    endif
    -%}
    {%- if product.selected_or_first_available_variant.featured_media != null -%}
    {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}

  • {%- assign media_position = 1 -%} {% render 'product-thumbnail', media: featured_media, position: media_position, loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: true, media_width: media_width, lazy_load: false %}
    • {%- endif -%} {%- for media in product.media -%} {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
  • {%- assign media_position = media_position | default: 0 | plus: 1 -%} {% render 'product-thumbnail', media: media, position: media_position, loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: true, media_width: media_width, lazy_load: true %}
    • {%- endunless -%} {%- endfor -%}
{% render 'icon-caret' %}
1 / {{ 'general.slider.of' | t }} {{ media_count }}
{% render 'icon-caret' %}
2

@Ahmad710 ,

Can you share the URL..