Configurable associated product image not showing #24571

rani-priya · 2019-09-12T13:44:35Z

Preconditions (*)

Magento 2.3-develop

Steps to reproduce (*)

create a configurable product based on Text Swatch attribute
check it at frontend

Expected result (*)

product image should be change as per selected configuration

Actual result (*)

product image not showing as per selected configuration

Example:
#24571 (comment)

m2-assistant · 2019-09-12T13:44:36Z

Hi @rani-webkul. Thank you for your report.
To help us process this issue please make sure that you provided the following information:

Summary of the issue
Information on your environment
Steps to reproduce
Expected and actual results

Please make sure that the issue is reproducible on the vanilla Magento instance following Steps to reproduce. To deploy vanilla Magento instance on our environment, please, add a comment to the issue:

@magento give me 2.3-develop instance - upcoming 2.3.x release

For more details, please, review the Magento Contributor Assistant documentation.

@rani-webkul do you confirm that you were able to reproduce the issue on vanilla Magento instance following steps to reproduce?

yes
no

Join Magento Community Engineering Slack and ask your questions in #github channel.

m2-assistant · 2019-09-12T13:45:03Z

Hi @engcom-Bravo. Thank you for working on this issue.
In order to make sure that issue has enough information and ready for development, please read and check the following instruction: 👇

1. Verify that issue has all the required information. (Preconditions, Steps to reproduce, Expected result, Actual result).
Details
If the issue has a valid description, the label Issue: Format is valid will be added to the issue automatically. Please, edit issue description if needed, until label Issue: Format is valid appears.
2. Verify that issue has a meaningful description and provides enough information to reproduce the issue. If the report is valid, add Issue: Clear Description label to the issue by yourself.
3. Add Component: XXXXX label(s) to the ticket, indicating the components it may be related to.
4. Verify that the issue is reproducible on 2.3-develop branch
Details
- Add the comment @magento give me 2.3-develop instance to deploy test instance on Magento infrastructure.
- If the issue is reproducible on 2.3-develop branch, please, add the label Reproduced on 2.3.x.
- If the issue is not reproducible, add your comment that issue is not reproducible and close the issue and stop verification process here!
5. Add label Issue: Confirmed once verification is complete.
6. Make sure that automatic system confirms that report has been added to the backlog.

engcom-Bravo · 2019-09-12T14:35:16Z

Hello @rani-webkul. Probably we miss or misunderstand something, so please watch our gif and tell us where we go wrong. Thank You.

rani-priya · 2019-09-12T14:38:13Z

@magento give me 2.3-develop instance

magento-engcom-team · 2019-09-12T14:38:17Z

Hi @rani-webkul. Thank you for your request. I'm working on Magento 2.3-develop instance for you

magento-engcom-team · 2019-09-12T14:38:56Z

Hi @rani-webkul, here is your Magento instance.
Admin access: https://i-24571-2-3-develop.instances.magento-community.engineering/admin
Login: admin Password: 123123q
Instance will be terminated in up to 3 hours.

rani-priya · 2019-09-12T14:47:30Z

@engcom-Bravo please look into https://i-24571-2-3-develop.instances.magento-community.engineering/test-conf.html

magento-engcom-team · 2019-09-12T15:04:26Z

✅ Confirmed by @engcom-Bravo
Thank you for verifying the issue. Based on the provided information internal tickets MC-20134 were created

Issue Available: @engcom-Bravo, You will be automatically unassigned. Contributors/Maintainers can claim this issue to continue. To reclaim and continue work, reassign the ticket to yourself.

ihor-sviziev · 2019-09-13T05:29:34Z

Hi @rani-webkul or @engcom-Bravo ,
Could you add some gif/video that shows how issue reproducing? Unfortunately test instance already not available to check how @rani-webkul configured it.

rani-priya · 2019-09-13T05:32:20Z

@magento give me 2.3-develop instance

magento-engcom-team · 2019-09-13T05:32:21Z

Hi @rani-webkul. Thank you for your request. I'm working on Magento 2.3-develop instance for you

magento-engcom-team · 2019-09-13T05:32:55Z

Hi @rani-webkul, here is your Magento instance.
Admin access: https://i-24571-2-3-develop.instances.magento-community.engineering/admin
Login: admin Password: 123123q
Instance will be terminated in up to 3 hours.

rani-priya · 2019-09-13T05:39:45Z

@ihor-sviziev, Please check https://i-24571-2-3-develop.instances.magento-community.engineering/test-config.html

ihor-sviziev · 2019-09-13T06:11:42Z

Hi @rani-webkul,
I just checked - param "Update Product Preview Image" is set to "No" in Stores >> Attributes >> Product >> size

That's why it didn't appeared.
Once I changed it to "Yes" and flushed cache - product image started changing

rani-priya · 2019-09-13T06:16:58Z

@ihor-sviziev I have assigned images to each associated product but it's not showing at frontend why?

ihor-sviziev · 2019-09-13T06:25:08Z

Hi @rani-webkul

@ihor-sviziev I have assigned images to each associated product but it's not showing at frontend why?
I just checked - image URL generated correctly, but somehow resized image shows default magneto thumbnail:

https://i-24571-2-3-develop.instances.magento-community.engineering/pub/media/catalog/product/cache/f77037f53323565848a245b9388a2a70/i/m/img-3_1.png

While without "cache" it shows correct image:
https://i-24571-2-3-develop.instances.magento-community.engineering/pub/media/catalog/product/i/m/img-3_1.png

I'm not sure why preview image wasn't generated correctly - it might be issue with test instance, or another issue, but image URL is correct, so swatches functionality works fine.

Could you confirm that everything works fine, or add some more details?

m2-assistant · 2019-09-13T06:40:11Z

Hi @ihor-sviziev. Thank you for working on this issue.
Looks like this issue is already verified and confirmed. But if you want to validate it one more time, please, go though the following instruction:

1. Add/Edit Component: XXXXX label(s) to the ticket, indicating the components it may be related to.
2. Verify that the issue is reproducible on 2.3-develop branch
Details
- Add the comment @magento give me 2.3-develop instance to deploy test instance on Magento infrastructure.
- If the issue is reproducible on 2.3-develop branch, please, add the label Reproduced on 2.3.x.
- If the issue is not reproducible, add your comment that issue is not reproducible and close the issue and stop verification process here!
3. If the issue is not relevant or is not reproducible any more, feel free to close it.

Join Magento Community Engineering Slack and ask your questions in #github channel.

magento-engcom-team · 2019-11-01T12:21:53Z

✅ Confirmed by @engcom-Delta
Thank you for verifying the issue. Based on the provided information internal tickets MC-20134 were created

Issue Available: @engcom-Delta, You will be automatically unassigned. Contributors/Maintainers can claim this issue to continue. To reclaim and continue work, reassign the ticket to yourself.

ukguy · 2019-11-05T00:06:40Z

We have a similar issue with attributes. All the images appear in the gallery but when selecting for eg, yellow option from a dropdown, it just selects a magento logo, not the yellow image.
When inspecting the filename of the yellow image it has _ underscores.
When selecting the filename of the magento logo the url is correct but it has %20 instead of underscores.

ukguy · 2019-11-05T00:28:51Z

Based on my previous comment it seems it's not selecting the image due to a bug with the underscores, so it doesn't select the image which is there. Maybe a javascript error?

ihor-sviziev · 2019-11-05T04:41:35Z

@ukguy it looks like different issue, please report it separately

ukguy · 2019-11-05T04:44:29Z

Ok 👍

sandy6666 · 2020-02-27T14:28:30Z

@rani-webkul are you using any 3rd party plugin

chinmayphutela · 2020-06-05T21:16:00Z

@rani-webkul or @ihor-sviziev
Were you guys able to solve this configurable product - swatch image issue ?

I am facing the same issue and would love to understand how to rectify it. I am not a developer so would love if you could explain it in simple terms.

ajithkumar-maragathavel · 2020-06-26T18:59:51Z

@magento give me 2.3.4 instance

magento-engcom-team · 2020-06-26T18:59:54Z

Hi @ajithkumar-maragathavel. Thank you for your request. I'm working on Magento 2.3.4 instance for you

magento-engcom-team · 2020-06-26T19:01:22Z

Hi @ajithkumar-maragathavel, here is your Magento instance.
Admin access: https://i-24571-2-3-4.instances.magento-community.engineering/admin_4e69
Login: d85cf5c1 Password: 5dff328627f7
Instance will be terminated in up to 3 hours.

sarbjeet-cmsDev · 2020-07-15T04:19:29Z

I had same issue(on category page, on click swatch product thumbnail was not changing )
I found my custom theme etc/view.xml was missing

<image id="product_swatch_image_large" type="image">
                <width>320</width>
                <height>270</height>
            </image>
            <image id="product_swatch_image_medium" type="thumbnail">
                <width>320</width>
                <height>270</height>
            </image>
            <image id="product_swatch_image_small" type="small_image">
                <width>320</width>
                <height>270</height>
            </image>

ihor-sviziev · 2020-11-12T15:42:55Z

@sidolov @sivaschenko could you explain why this issue was closed without any comments?

sivaschenko · 2020-11-12T17:11:50Z

The issue cannot be reproduced. Attribute option "Update Product Preview Image" must be set to "Yes" if you want to change the image for a configurable product with text swatch options.

eBusinessAtlantique · 2021-02-18T19:02:54Z

320 270 320 270 320 270

Thanks for that reply, this was the solution.
But the appearance of the swatch image is quite slow. Why ?
Thanks

FedeltaMedia · 2021-03-03T12:31:33Z

I had same issue(on category page, on click swatch product thumbnail was not changing )
I found my custom theme etc/view.xml was missing

<image id="product_swatch_image_large" type="image">
                <width>320</width>
                <height>270</height>
            </image>
            <image id="product_swatch_image_medium" type="thumbnail">
                <width>320</width>
                <height>270</height>
            </image>
            <image id="product_swatch_image_small" type="small_image">
                <width>320</width>
                <height>270</height>
            </image>

Almost a year later and I can say, this also was the fix for my theme! Thanks for sharing this!!

junaidjavaid · 2024-02-16T17:25:49Z

In my case hide product from product page is working for simple products but not working for configureable product. i have selected hide option in backend for some images but of configureable product but noyt working on frontend.

magento-engcom-team added the Issue: Format is valid Gate 1 Passed. Automatic verification of issue format passed label Sep 12, 2019

rani-priya mentioned this issue Sep 12, 2019

Resolved configurable product image not showing as per selected options #24383 #24384

Closed

engcom-Bravo self-assigned this Sep 12, 2019

engcom-Bravo added the Progress: needs update label Sep 12, 2019

engcom-Bravo added Component: ConfigurableProduct Component: Swatches Reproduced on 2.3.x The issue has been reproduced on latest 2.3 release Issue: Confirmed Gate 3 Passed. Manual verification of the issue completed. Issue is confirmed and removed Progress: needs update labels Sep 12, 2019

ghost unassigned engcom-Bravo Sep 12, 2019

magento-engcom-team added the Issue: Ready for Work Gate 4. Acknowledged. Issue is added to backlog and ready for development label Sep 12, 2019

ihor-sviziev removed the Reproduced on 2.3.x The issue has been reproduced on latest 2.3 release label Sep 13, 2019

ihor-sviziev self-assigned this Sep 13, 2019

ghost unassigned engcom-Delta Nov 1, 2019

sdzhepa added the Progress: ready for dev label Mar 26, 2020

m2-community-project bot removed the Progress: ready for dev label Sep 3, 2020

m2-community-project bot added the Progress: ready for dev label Sep 24, 2020

ghost removed Issue: Format is valid Gate 1 Passed. Automatic verification of issue format passed Issue: Ready for Work Gate 4. Acknowledged. Issue is added to backlog and ready for development labels Oct 20, 2020

sdzhepa removed the Progress: ready for dev label Oct 26, 2020

magento-engcom-team added the Priority: P2 A defect with this priority could have functionality issues which are not to expectations. label Nov 12, 2020

m2-community-project bot added the Progress: ready for dev label Nov 12, 2020

magento-engcom-team added Progress: done and removed Progress: ready for dev labels Nov 12, 2020

m2-community-project bot closed this as completed Nov 12, 2020

engcom-Hotel added this to High Priority Backlog Aug 19, 2024

engcom-Hotel moved this to Done in High Priority Backlog Aug 19, 2024

Configurable associated product image not showing #24571

Configurable associated product image not showing #24571

Comments

rani-priya commented Sep 12, 2019 • edited by engcom-Delta Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Preconditions (*)

Steps to reproduce (*)

Expected result (*)

Actual result (*)

m2-assistant bot commented Sep 12, 2019

Uh oh!

m2-assistant bot commented Sep 12, 2019

Uh oh!

engcom-Bravo commented Sep 12, 2019

Uh oh!

rani-priya commented Sep 12, 2019

Uh oh!

magento-engcom-team commented Sep 12, 2019

Uh oh!

magento-engcom-team commented Sep 12, 2019

Uh oh!

rani-priya commented Sep 12, 2019

Uh oh!

magento-engcom-team commented Sep 12, 2019

Uh oh!

ihor-sviziev commented Sep 13, 2019 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

rani-priya commented Sep 13, 2019

Uh oh!

magento-engcom-team commented Sep 13, 2019

Uh oh!

magento-engcom-team commented Sep 13, 2019

Uh oh!

rani-priya commented Sep 13, 2019

Uh oh!

ihor-sviziev commented Sep 13, 2019 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

rani-priya commented Sep 13, 2019

Uh oh!

ihor-sviziev commented Sep 13, 2019 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

m2-assistant bot commented Sep 13, 2019

Uh oh!

magento-engcom-team commented Nov 1, 2019

Uh oh!

ukguy commented Nov 5, 2019

Uh oh!

ukguy commented Nov 5, 2019

Uh oh!

ihor-sviziev commented Nov 5, 2019

Uh oh!

ukguy commented Nov 5, 2019

Uh oh!

sandy6666 commented Feb 27, 2020

Uh oh!

chinmayphutela commented Jun 5, 2020

Uh oh!

ajithkumar-maragathavel commented Jun 26, 2020

Uh oh!

magento-engcom-team commented Jun 26, 2020

Uh oh!

magento-engcom-team commented Jun 26, 2020

Uh oh!

sarbjeet-cmsDev commented Jul 15, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ihor-sviziev commented Nov 12, 2020

Uh oh!

sivaschenko commented Nov 12, 2020

Uh oh!

eBusinessAtlantique commented Feb 18, 2021

Uh oh!

FedeltaMedia commented Mar 3, 2021

Uh oh!

junaidjavaid commented Feb 16, 2024

Uh oh!

rani-priya commented Sep 12, 2019 •

edited by engcom-Delta

Loading

ihor-sviziev commented Sep 13, 2019 •

edited

Loading

ihor-sviziev commented Sep 13, 2019 •

edited

Loading

ihor-sviziev commented Sep 13, 2019 •

edited

Loading

sarbjeet-cmsDev commented Jul 15, 2020 •

edited

Loading