1

enter image description here

view.xml:

        <image id="swatch_image_base" type="swatch_image">
            <width>500</width>
            <height>600</height>
        </image>

         <image id="swatch_image" type="swatch_image">
            <width>500</width>
            <height>600</height>
        </image>
        <image id="swatch_thumb" type="swatch_thumb">
            <width>500</width>
            <height>600</height>
        </image>
        <image id="swatch_thumb_base" type="swatch_thumb">
            <width>500</width>
            <height>600</height>
        </image>

Swatch image is not resizing,it update the size of product image of size 213 x 300 when clicked on any configurable color swatches.

The output:

<img class="product-image-photo" src=" 213 x 300 size of image path " max-width="500" max-height="600" >

Please help me,if something missed here on view.xml file or any other way to do so.

Note: Done the cache clear, flushed the images, even deployed the static content.

  • I want to do keep frame false on this. Can I do this in view.xml file? – IS Brothers Dec 24 '19 at 6:45
0

On view.xml added this line

        <image id="product_swatch_image_medium" type="image">
            <width>500</width>
            <height>600</height>
        </image>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.