Return to previous page

Variation swatch’s image not displayed for certain products, while displayed for others fine

This topic has 19 replies, 4 voices, and was last updated 2 months, 2 weeks ago ago by Andrew Mitchell

nirvana5

Participant

July 16, 2024 at 20:26

In the settings, each variation has 1 image attached. I added a new bunch of products, all have this kind of setting. Most products, on single page, click at both Color and Size, the corresponding image is displayed on the slider area OK. While few others, do the same selection, the image is NOT displayed!! In Chrome’s Console window, no errors. Also happen on InCognito mode, Edge browser, Firefox.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#405219 Copied Theme version: 9.3.10

18 Answers

Rose Tyler

Support staff

July 17, 2024 at 07:35

Hello,

Thank you for reaching out to us with your concern.

Please update the theme, and plugins and apply patches after that. Let us know the result.

Best Regards,
8Theme’s Team

#405269 Copied

nirvana5

Participant

July 18, 2024 at 19:10

The theme is updated 9.3.15 , xstore core is updated to 5.3.15, WC is updated to latest. plugins are updated. The issue is still there. Please help.

Please contact administrator
for this information.

#405699 Copied
Jack Richardson

Support staff

July 19, 2024 at 08:11
Hello @nirvana5,
We are currently unable to connect to your FTP with next errors:
```
Error: Timed out after 20 seconds of inactivity
Error: Unable to connect to server
```
Please, check the access and provide us the correct one !

Kind regards,
Jack Richardson
#405775 Copied
nirvana5

Participant

July 19, 2024 at 16:09

Using Filezilla , i could login SFTP ok using above credentials

Files is visible for topic creator and
support staff only.

#405901 Copied

Jack Richardson

Support staff

July 20, 2024 at 07:36

Dear @nirvana5,

I hope this message finds you well.

We are pleased to inform you that we have successfully established a connection to the FTP on your server. During our review, we observed that your child theme contains a significant number of modifications—indeed, it appears to be the most extensive we have encountered among our customers. This could potentially be the cause of the issue you are experiencing on the Single Product page.

To isolate the problem, we kindly request that you conduct a test using the parent XStore theme. Should the issue resolve with the parent theme, it would suggest that the complications are stemming from the modifications in your child theme. Please note that addressing issues within the child theme falls outside our scope of responsibility and you should contact with the developers who made changes in your child-theme to fix the issue.

After testing with the parent theme, please ensure you clear your cache before proceeding. We would appreciate your feedback on the outcome of this test.

Thank you for your cooperation and understanding.

Best regards,
Jack Richardson
The 8Theme Team

#405967 Copied

nirvana5

Participant

July 20, 2024 at 21:37

thanks for checking the site. The site has evolved over the years from many changes requested by the customer!

What i don’t get is why it works well for many other items but not for some?
If it works for others, that means my code works ok for these which is a common code for all items.
I am still learning WC. Do you know the hook/filter’s name that when the swatch is clicked, this hook/filter is triggered ?

#406051 Copied

Jack Richardson

Support staff

July 21, 2024 at 08:27

Dear @nirvana5,

I hope this message finds you well. We previously requested that you verify whether the issue you reported persists with the parent theme. However, we have not yet received a response from you. Could you kindly confirm if you have had the opportunity to conduct this test? If so, we would appreciate it if you could share the results with us.

Regarding your query about why the functionality works well for many items but not for others, this can often be attributed to specific code parts that may behave differently across various products. It is advisable to consult with the developers who made modifications to your child theme, as they are responsible for ensuring that the code functions correctly. If the issues are not present when using the parent theme, it suggests that the modifications in the child theme could be the cause.

For your information, the code managing variations is primarily located in the WooCommerce plugin. Specifically, you might want to examine the file located at plugins/woocommerce/client/legacy/js/frontend/add-to-cart-variation.js, which initiates most JavaScript hooks for the add-to-cart action.

Should you require further assistance with the code or need additional customization, please feel free to submit a request via our customization service at https://www.8theme.com/account/#etheme_customization_panel. Please note that such inquiries may fall outside the scope of our standard support.

Thank you for your attention to this matter. We look forward to your response.

Best Regards,
Jack Richardson
The 8Theme Team

#406103 Copied

nirvana5

Participant

July 23, 2024 at 00:30

for a moment, I renamed the xtore-child directory to something else so there is no child theme. And reload the page that has issue. Page is displayed ok. But the issue IS STILL there. Click on Lavender color and choose small size. The corresponding variation’s image is NOT displayed!.

On a Development site which is a copy of this Production site, if the DEBUG flags are enabled. I could see on slider’s area , there is a
warning error on lazyload.php line 93.

define( ‘WP_DEBUG’, true );
define( ‘SCRIPT_DEBUG’, true );

Not saying this is the cause. Although, i disable the Lazy Load Optimization option in theme’s option. The issue is still there.
But this error could be a lead. There is some thing about this product that the variation’s image was not loaded properly, therefore, once clicked it does not display.

Files is visible for topic creator and
support staff only.

#406419 Copied

nirvana5

Participant

July 23, 2024 at 01:12

THis is the warning error:

Please contact administrator
for this information.

#406420 Copied

Jack Richardson

Support staff

July 23, 2024 at 11:25

Hello @nirvana5,
Please, provide us the URL in private area where you see such notice as currently we don’t see any issues on your web-site. Also, if your FTP or wp-admin access was changed, please, provide us the correct ones.
Kind regards, Jack Richardson

#406510 Copied

nirvana5

Participant

July 28, 2024 at 03:07

I updated Theme to latest 9.3.16 and xstore core to 5.3.16.
The issue is now can be reproduced. Since the site is hosted on WPEngine. I could see its log displays the Notice error on wp-content/themes/xstore/framework/features/lazyload-functions.php on line 93 each time the page is loaded. Don’t have to click any element.

Since the image is not loaded, that explains why i click at the color swatch and size, the corresponding image is not displayed in swiper’s image area.

I send to you 2 URLs, 1 that has issue, the other one works fine.
Both are variable products.

If you want to see the warning error on the single page, you must enable the DEBUG flags in wp-config.php. As you soon as you load the page, the error is displayed.

This is a PRODUCTION site, after debugging please put back the site to previous environment, so user won’t see the error. THANKS

Please let me know any update on this issue. THANKS

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#407293 Copied

Andrew Mitchell

Support staff

July 29, 2024 at 13:51

Hello, nirvana5,

We hope this message finds you well. We are pleased to inform you that we have successfully resolved the notice and the issue concerning the Variation Swatch’s image. We kindly ask you to review the modifications at your earliest convenience. Please note that these fixes will also be included in the upcoming theme update.

Best regards,
The 8Theme Team

#407594 Copied

nirvana5

Participant

July 29, 2024 at 19:34

IT SEEMS TO WORK! THANKS

#407670 Copied

Andrew Mitchell

Support staff

July 30, 2024 at 14:05

Hello, nirvana5,

Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

Click here to share your insights: https://themeforest.net/downloads

Your support fuels our journey, and we appreciate it more than words can express.

Best Regards,
The 8Theme Team

#407871 Copied

nirvana5

Participant

July 31, 2024 at 02:56

This issue is not totally fixed, the error is still there, but occurs on a different page!

A product category has 10 published products from back-end. On front-end, it only displays 9. One product is missing. Everytime, i load the category page, the log shows error

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#407969 Copied

Andrew Mitchell

Support staff

July 31, 2024 at 12:38

Hello, nirvana5,

I hope this message finds you well. We have noticed that the access credentials to the administrative section have been changed. Could you please provide us with the updated access details at your earliest convenience?

Thank you for your attention to this matter.

Best Regards,

8Theme’s Team

#408080 Copied

nirvana5

Participant

July 31, 2024 at 19:14

The credentials are put back to same as before. Thanks

Please contact administrator
for this information.

#408178 Copied

Andrew Mitchell

Support staff

August 1, 2024 at 15:17

Hello, nirvana5,

I hope this message finds you well. We kindly request your assistance in verifying whether the error “Trying to get property ‘ID'” still persists.

Additionally, we would like to address the issue regarding the product category discrepancy. It has been observed that although the backend shows 10 published products in a particular category, only 9 are displayed on the frontend.

This problem appears to be caused by the WooCommerce setting under Settings -> Inventory -> Hide out of stock items from the catalog.

Despite the affected product being in stock, the issue remains even when tested with the default theme. We suspect that this may be related to a glitch during the product import process.

We appreciate your attention to these matters and look forward to your guidance on resolving them.

Best Regards,
8Theme’s Team

#408341 Copied
Tagged: ecommerce solutions, product display issue, variation swatch image, woocommerce themes, woocommerce variation swatches, wordpress ecommerce themes, wordpress troubleshooting
Viewing 19 results - 1 through 19 (of 19 total)