Hi,
Thank you for letting me know. The large image is the original image from Dawn, which has the modal, the zoom bottom. I edited the new Dawn theme, which is unedited.
The bold code is responsible for the big image. The red code is from Dawn. Take note too. In the video, I did not comment out the whole CSS file. Can you post your code?
{{ "accessibility.skip_to_product_info" | t }}
**
- **
**{%- assign variant_images = product.images | where: 'attached_to_variant?', true | map: 'src' -%}**
**{%- if product.selected_or_first_available_variant.featured_media != null -%}**
**{%- assign media = product.selected_or_first_available_variant.featured_media -%}**
**{%- for media in product.media -%}**
<li class="large-image-item product__media-item grid__item slider__slide
{% if media.media_type != ‘image’ %}
product__media-item–full{% endif %}"
data-media-id=“{{ section.id }}-{{ media.id }}”>
{% render ‘product-thumbnail’, media: media, position: forloop.index, loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: true %}
{%- endfor -%}
{%- endif -%}
-
{%- for media in product.media -%}
-
{% render 'icon-caret' %}
1
/
{{ 'accessibility.of' | t }}
{% if section.settings.hide_variants %}{{ product.media.size | minus: variant_images.size | plus: 1 }}{% else %}{{ product.media.size }}{% endif %}
{% render 'icon-caret' %}