Skip to content

Configurable associated product image not showing #24571

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
rani-priya opened this issue Sep 12, 2019 · 54 comments
Closed

Configurable associated product image not showing #24571

rani-priya opened this issue Sep 12, 2019 · 54 comments
Labels
Component: ConfigurableProduct Component: Swatches Issue: Confirmed Gate 3 Passed. Manual verification of the issue completed. Issue is confirmed Priority: P2 A defect with this priority could have functionality issues which are not to expectations. Progress: done Reproduced on 2.3.x The issue has been reproduced on latest 2.3 release

Comments

@rani-priya
Copy link
Contributor

rani-priya commented Sep 12, 2019

Preconditions (*)

  1. Magento 2.3-develop

Steps to reproduce (*)

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

Expected result (*)

  1. product image should be change as per selected configuration

Actual result (*)

  1. product image not showing as per selected configuration

Example:
#24571 (comment)

@m2-assistant
Copy link

m2-assistant bot commented Sep 12, 2019

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

@magento-engcom-team magento-engcom-team added the Issue: Format is valid Gate 1 Passed. Automatic verification of issue format passed label Sep 12, 2019
@engcom-Bravo engcom-Bravo self-assigned this Sep 12, 2019
@m2-assistant
Copy link

m2-assistant bot commented Sep 12, 2019

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).

    DetailsIf 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
Copy link
Contributor

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

@rani-priya
Copy link
Contributor Author

@magento give me 2.3-develop instance

@magento-engcom-team
Copy link
Contributor

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

@magento-engcom-team
Copy link
Contributor

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
Copy link
Contributor Author

@engcom-Bravo 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 ghost unassigned engcom-Bravo Sep 12, 2019
@magento-engcom-team 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
@magento-engcom-team
Copy link
Contributor

✅ 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
Copy link
Contributor

ihor-sviziev commented Sep 13, 2019

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
Copy link
Contributor Author

@magento give me 2.3-develop instance

@magento-engcom-team
Copy link
Contributor

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

@magento-engcom-team
Copy link
Contributor

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
Copy link
Contributor Author

@ihor-sviziev
Copy link
Contributor

ihor-sviziev commented Sep 13, 2019

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

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

@rani-priya
Copy link
Contributor Author

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

@ihor-sviziev
Copy link
Contributor

ihor-sviziev commented Sep 13, 2019

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
image

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
image

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?

@ihor-sviziev 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 ihor-sviziev self-assigned this Sep 13, 2019
@m2-assistant
Copy link

m2-assistant bot commented Sep 13, 2019

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.


@magento-engcom-team
Copy link
Contributor

✅ 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.

@ghost ghost unassigned engcom-Delta Nov 1, 2019
@ukguy
Copy link

ukguy commented Nov 5, 2019

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
Copy link

ukguy commented Nov 5, 2019

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
Copy link
Contributor

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

@ukguy
Copy link

ukguy commented Nov 5, 2019

Ok 👍

@sandy6666
Copy link
Contributor

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

@chinmayphutela
Copy link

@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
Copy link
Contributor

@magento give me 2.3.4 instance

@magento-engcom-team
Copy link
Contributor

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

@magento-engcom-team
Copy link
Contributor

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
Copy link

sarbjeet-cmsDev commented Jul 15, 2020

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>

@ghost 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
@magento-engcom-team 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
@ihor-sviziev
Copy link
Contributor

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

@sivaschenko
Copy link
Member

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.
image

@eBusinessAtlantique
Copy link

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
Copy link

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
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: ConfigurableProduct Component: Swatches Issue: Confirmed Gate 3 Passed. Manual verification of the issue completed. Issue is confirmed Priority: P2 A defect with this priority could have functionality issues which are not to expectations. Progress: done Reproduced on 2.3.x The issue has been reproduced on latest 2.3 release
Projects
Archived in project
Development

No branches or pull requests