Can I add more than six images to the Standard slideshow in 2020?

[Wepa]

Can I add more than six images to the Standard slideshow in 2020? I saw two posts, one from 2013 and one for 2015, but they seem outdated. Thank you in advance.

[KetanKumar]

Hello, @Wepa

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[Wepa]

{%- case section.settings.slider_height -%}
{%- when ‘small’ -%}
{%- assign slider_desktop_height = ‘400px’ -%}
{%- assign slider_mobile_height = ‘250px’ -%}
{%- when ‘medium’ -%}
{%- assign slider_desktop_height = ‘500px’ -%}
{%- assign slider_mobile_height = ‘300px’ -%}
{%- when ‘large’ -%}
{%- assign slider_desktop_height = ‘600px’ -%}
{%- assign slider_mobile_height = ‘400px’ -%}
{%- when ‘adapt’ -%}
{%- assign min_aspect_ratio = section.blocks[0].settings.image.aspect_ratio | default: 2.0 -%}
{%- endcase -%}

{%- unless section.settings.slider_height == ‘adapt’ -%}
{%- style -%}
#flexslider–{{ section.id }} .slides__slide,
#flexslider–{{ section.id }} .slides__image,
#flexslider–{{ section.id }} .slides svg {
height: {{ slider_desktop_height }};
}

@media screen and (max-width: 768px) {
#flexslider–{{ section.id }} .slides__slide,
#flexslider–{{ section.id }} .slides__image,
#flexslider–{{ section.id }} .slides svg {
height: {{ slider_mobile_height }};
}
}
{%- endstyle -%}
{%- endunless -%}

{%- if section.blocks.size > 0 -%}
{%- assign arrow_offset = section.blocks.size | times: 10 | plus: 60 -%}
{%- style -%}
.slider__controls-button–prev {
left: calc(50% - {{ arrow_offset }}px);
}
.slider__controls-button–next {
right: calc(50% - {{ arrow_offset }}px);
}
{%- if section.settings.slider_height == ‘adapt’ -%}
{%- if section.settings.slider_home_transition == ‘fade’ -%}
#flexslider–{{ section.id }} .slides {
padding-top: {{ 100.0 | divided_by: min_aspect_ratio }}%;
}
{%- else -%}
#flexslider–{{ section.id }} .flex-viewport {
padding-top: {{ 100.0 | divided_by: min_aspect_ratio }}%;
}
{%- endif -%}
{%- endif -%}
{%- endstyle -%}

{%- for block in section.blocks -%} {%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}

{%- if block.settings.image.width < max_width -%}
{%- assign slide_width = block.settings.image.width -%}
{%- endif -%}

{%- style -%}
#slide–{{ block.id }} .slides__title,
#slide–{{ block.id }}_clone .slides__title {
color: {{ block.settings.color_text }};
}
#slide–{{ block.id }}:not(.slide-hide)::before, #slide–{{ block.id }}_clone:not(.slide-hide)::before {
opacity: {{ block.settings.overlay_opacity | divided_by: 100.00 }};
}
{%- endstyle -%}

• {%- if block.settings.image != blank -%} {%- else -%} {% capture current %}{% cycle 1, 2 %}{% endcapture %} {{ 'lifestyle-' | append: current | placeholder_svg_tag: 'placeholder-svg' }} {%- endif -%}

  {%- assign show_link_button = false -%}
  {%- if block.settings.button_label != blank and block.settings.button_link != blank -%}
  {%- assign show_link_button = true -%}
  {%- endif -%}
  {%- unless block.settings.slide_heading == blank and show_link_button == false -%}

  {%- unless block.settings.slide_heading == blank -%}

  {{ block.settings.slide_heading | escape }}

  {%- endunless -%} {%- if show_link_button -%} {{ block.settings.button_label | escape }} {%- endif -%}
  {%- endunless -%}
{%- endfor -%}

{{ section.blocks[0].settings.image | img_url: '970x', scale: 2 | img_tag: block.settings.image.alt }}

{%- if section.blocks.size > 1 -%}

{%- if section.settings.slider_home_auto -%} {% include 'icon-pause' %} {% include 'icon-play' %} {%- endif -%}

• {% include 'icon-chevron-left' %}
• {% include 'icon-chevron-right' %}

{%- endif -%}

{%- for block in section.blocks -%} {%- assign show_link_button = false -%} {%- if block.settings.button_label != blank and block.settings.button_link != blank -%} {%- assign show_link_button = true -%} {%- endif -%} {%- unless block.settings.slide_heading == blank and show_link_button == false -%}

{%- unless block.settings.slide_heading == blank -%}

{{ block.settings.slide_heading | escape }}

{%- endunless -%} {%- if show_link_button -%} {{ block.settings.button_label | escape }} {%- endif -%}

{%- endunless -%} {%- endfor -%}

{%- endif -%}

{% schema %}
{
“name”: {
“da”: “Diasshow”,
“de”: “Slideshow”,
“en”: “Slideshow”,
“es”: “Diapositivas”,
“fi”: “Diaesitys”,
“fr”: “Diaporama”,
“hi”: “स्लाइडशो”,
“it”: “Presentazione”,
“ja”: “スライドショー”,
“ko”: “슬라이드 쇼”,
“nb”: “Lysbildefremvisning”,
“nl”: “Diavoorstelling”,
“pt-BR”: “Apresentação de slides”,
“pt-PT”: “Apresentação de diapositivos”,
“sv”: “Bildspel”,
“th”: “สไลด์โชว์”,
“zh-CN”: “幻灯片”,
“zh-TW”: “素材輪播”
},
“class”: “shopify-slideshow-section”,
“max_blocks”: 6,
“settings”: [
{
“type”: “select”,

[KetanKumar]

@Wepa

Thanks for update yes, you have add number of slide as you like

[Wepa]

This was the solution that I used to fix it. I have 8 slides now however you can change it to whatever number you like.

[KetanKumar]

@Wepa

Thanks for post

yes, you have chosen any number of the slider

[pixie3]

Great - but where do you put this? comes up with error if I paste over the slideshow.liquid.

Thanks

[pixie3]

Where do you paste this code?