Hi
I want to have much larger image on the product detail page.
So, I have changed the columns on the template „cms-block-gallery-buybox.html.twig“ from col-lg-6 / col-lg-6 to col-lg-9 / col-lg-3. And in Shopping Experiences changed „minimum height“ to 800px.
So far, so good ![]()
But, the image does not change size (of cource
it can not be that easy). Checking with the Web inspector I can see that the image is still at 454x454 pixel. And (part of) the source code is:
... sizes="(min-width: 1200px) 454px ... "
So, the 400x400 image is selected (I think). What (and where) do I need to change, to have the 800x800 image selected for the breakpoint at 1200?
The closest file I have found is „thumbnail.html.twig“ with this code block:
{% set breakpoint = {
xs: theme_config('breakpoint.xs'),
sm: theme_config('breakpoint.sm'),
md: theme_config('breakpoint.md'),
lg: theme_config('breakpoint.lg'),
xl: theme_config('breakpoint.xl')
} %}
But where are these breakpoints defined? I have looked into the default theme.json but nothing about breakpoints…
/ Magnus

