Hi all, im on Dawn 8.0 and im using a thumbnail carousel, I want 9 images to be displayed for each product. I searched and tried different things.. the best result so far was this: I added « limit: 9 » just after « media » at the 232 line of the « product media gallery liquid » section. It work partially as it only display 9 pictures from the thumbnail carousel, however i can’t buy some product (at first I thought it was related to which variante image does not show in the thumbnail but it’s look like it is random and is not related to the place or order of the image variante as it change for each product).
To be more precise when I chose a variante the image still work and shows the correct image for the variante selected but it can’t be bought (the buy bouton appears less brightly and nothing happen, like you can’t click on it)
i also tried to change the CSS but nothing happened.. if you have any idea I would be really greatfull !
Thank you for your time and attention I hope you have a great day 
Hi @Orlastra ,
Please send your site and if your site is password protected, please send me the password. I will check it.
Hi @Orlastra
Can you kindly share your store’s password with us? We will check it and suggest you a solution if possible.
HI @Orlastra
You can try edit up the Syntax as follows:
{%- for media in product.media | limit: 9 -%}
Hi @Orlastra
Shopify’s syntax doesn’t seem to support this, so you can edit the code below to display up to 9 images:
{% assign counter = 0 %}
{% for media in product.media %}
{% unless media.id == product.selected_or_first_available_variant.featured_media.id %}
{% capture media_index %}
{% if media.media_type == 'model' %}
{% increment model_index %}
{% elsif media.media_type == 'video' or media.media_type == 'external_video' %}
{% increment video_index %}
{% elsif media.media_type == 'image' %}
{% increment image_index %}
{% endif %}
{% endcapture %}
{% assign media_index = media_index | plus: 1 %}
{% if counter < 9 %}
<li id="Slide-Thumbnails-{{ section.id }}-{{ forloop.index }}{{ id_append }}"
class="thumbnail-list__item slider__slide{% if section.settings.hide_variants and variant_images contains media.src %} thumbnail-list_item--variant{% endif %}"
data-target="{{ section.id }}-{{ media.id }}"
data-media-position="{{ media_index }}"
>
{% if media.media_type == 'model' %}
<span class="thumbnail__badge" aria-hidden="true">
{% render 'icon-3d-model' %}
</span>
{% elsif media.media_type == 'video' or media.media_type == 'external_video' %}
<span class="thumbnail__badge" aria-hidden="true">
{% render 'icon-play' %}
</span>
{% endif %}
{% capture thumbnail_id %}
Thumbnail-{{ section.id }}-{{ forloop.index }}{{ id_append }}
{% endcapture %}
<button class="thumbnail global-media-settings global-media-settings--no-shadow"
aria-label="{% if media.media_type == 'image' %}{{ 'products.product.media.load_image' | t: index: media_index }}{% elsif media.media_type == 'model' %}{{ 'products.product.media.load_model' | t: index: media_index }}{% elsif media.media_type == 'video' or media.media_type == 'external_video' %}{{ 'products.product.media.load_video' | t: index: media_index }}{% endif %}"
{% if media == product.selected_or_first_available_variant.featured_media
or product.selected_or_first_available_variant.featured_media == null
and forloop.index == 1
%}
aria-current="true"
{% endif %}
aria-controls="GalleryViewer-{{ section.id }}{{ id_append }}"
aria-describedby="{{ thumbnail_id }}"
>
{{ media.preview_image | image_url: width: 416 | image_tag:
loading: 'lazy',
sizes: sizes,
widths: '54, 74, 104, 162, 208, 324, 416',
id: thumbnail_id,
alt: media.alt | escape
}}
</button>
</li>
{% assign counter = counter | plus: 1 %}
{% else %}
{% break %}
{% endif %}
{% endunless %}
{% endfor %}
Hope this helps you.
Hey, first of all thank you for your response and your time, im really greatfull for the time you spend helping me !
Ok so the number of image displayed is correct and it work nicely except for the problem I described when I came here, it’s the same issue I can’t buy some variante (see image below, the button appears less clear and don’t work like if the variante wasn’t buyable). I put the version with your code as the main website so you can check it, same passe word and website as before.
Again thank you, have a great day !
Sorry but that syntax is incorrect, it should be without the pipe -
{%- for media in product.media limit: 9 -%}
However, it didn’t workout for me even then so I tried a workaround -
{%- for media in product.media limit: 9 offset: 0 -%}
Hope that helps! 
