How can I adjust the code to increase image size in Dawn 9.0?

Store Design
, ,
1

Hey!

This is the multicolumn I want to increase the image size of.

Screen Shot 2023-05-17 at 2.11.43 xls.png
Screen Shot 2023-05-17 at 2.11.43 xls.png2154×880 211 KB

This is the code I think is what corresponds to this section (below). How might I change the code to increase the size of these images? I will be SO grateful for any help!

{%- if block.settings.image != blank -%} {% if section.settings.image_ratio == 'adapt' or section.settings.image_ratio == 'circle' %} {% assign spaced_image = true %} {% endif %}
{%- capture sizes -%} (min-width: 990px) {% if section.blocks.size <= 2 %}710px{% else %}550px{% endif %}, (min-width: 750px) {% if section.blocks.size == 1 %}710px{% else %}550px{% endif %}, calc(100vw - 30px) {%- endcapture -%} {{ block.settings.image | image_url: width: 2000 | image_tag: loading: 'lazy', sizes: sizes, widths: '275, 550, 710, 2000', class: 'multicolumn-card__image'

}}

2

To increase the size of the images in the multicolumn section, you can modify the sizes and widths parameters in the code you provided. Here’s an example of how you can adjust the code:

{%- capture sizes -%}
(min-width: 990px) {% if section.blocks.size <= 2 %}900px{% else %}700px{% endif %}, (min-width:
750px) {% if section.blocks.size == 1 %}900px{% else %}700px{% endif %}, calc(100vw - 30px)
{%- endcapture -%}
{{
block.settings.image
| image_url: width: 2000
| image_tag:
loading: 'lazy',
sizes: sizes,
widths: '400, 700, 900, 2000',
class: 'multicolumn-card__image'
}}
3

Thank you so much, I made the exact changes, saved the code and still had no changes in the size of the images. Is there something else I can be doing?