Variation product images issue

Hello,

I am experiencing an issue on my website regarding the display of product images when selecting a variation.

For example, on this product page:

https://kitresine.fr/boutique/kit-moquettedepierre/kit-moquettedepierre-7m2/

As you can see, the product is correctly configured and has a main image, but when I select a variation, the image does not display properly.

I suspect this may be related to the theme.

Could you please take a look?

Thank you in advance for your help.

Best regards,

Comments

  • Hi,

    Please check if you did not set this image for your variations:

    Best regards

  • Yes, of course. As you can see in the attached file, I have correctly set up the integrity of the variations, but they are not displaying when selected.

    I assume the issue comes from the theme. Could you please take a look at it?

  • Please can you check my website ?

  • Then I misunderstood you because the image displays correctly when variations are selected:

    Could you explain your issue in greater detail, please?


    Thanks

  • There are 11 variations, but only one is displayed. The other choices are made, but the other images are not displayed.

  • If you want to display a different image for each variation, then you must add each in the product edition and assign images for them.

    Best regards

  • This is already the case, which is why I am calling on you. Each variation has a predefined image, but only one is displayed.

  • Please send us the WordPress dashboard and FTP access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

    Notice!

    Please attach a link to this forum discussion.

    Sending incorrect or incomplete data will result in a longer response time.

    Therefore, please ensure that the data you send are complete and correct.

    Thanks


    PS. We send answers at 12 PM, 2 PM, and 4 PM (we are located in central Europe)

  • I have sent you the access details. Please keep me informed and send me an error report. Please be careful, the site is currently in production.

  • You did not assign attributes to corresponding images:

    They are all set to "any".

    You must assign them:

    Best regards

  • Hello,

    Thank you very much for your support and for the clarity of your explanations — it’s really appreciated.

    Since I already have this ticket open with the site access, I’d also like to point out a small issue I haven’t been able to fix myself. You’ll find attached a screenshot of the mobile menu.



    Would it be possible to:

    • Realign the menu items starting from the top,
    • Align the text from left to right,
    • And finally, ensure the text wraps onto the next line so it doesn’t go outside of the frame?

    Thanks again for your help.

  • I am glad I could help.

    Regarding your new questions:

    Use the following CSS code to prevent text from going outside the frame:

    .mfn-header-tmpl-menu-sidebar .mfn-menu-link > .label-wrapper > .menu-label {
     white-space: wrap!important;
    }
    

    Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

    Menu position can be set in the Menu Burger element.

    Best regards

  • Hi,

    Thanks a lot for the patch – it works perfectly!

    I have a new question: as shown in the attached screenshot, the photos in the order confirmation emails don’t seem to load. Do you have any idea what might be causing this? I’m also concerned it could be the same issue for the client-facing emails.

    Thanks in advance for your help.

    Best regards,

Sign In or Register to comment.