Skip Navigation

[Resolved] The basket is showing two images and the product image is greyed out

This thread is resolved. Here is a description of the problem and solution.

Problem: The main product image in the product slider on the single product page is greyed out if you click a thumbnail. I'm using the Kallyas theme.

Solution: With Layouts active, you can add a wrapper around the image gallery shortcode to fix the styling issue:

<div class="single_product_main_image">[wpv-woo-product-image]</div>
This support ticket is created 5 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

Tagged: 

This topic contains 13 replies, has 2 voices.

Last updated by Christian Cox 5 years, 1 month ago.

Assisted by: Christian Cox.

Author
Posts
#1360589

If the look at a product like hidden link you will see if you click a thumb that the larger image is greyed out. The non /dev website does not have this effect.

Also when you view the basket you see two images instead of one. I have not updated woo so they are both using the same version.

hidden link

#1360889

Hi, can you try the following troubleshooting steps in dev?
- Temporarily deactivate all Toolset plugins and test again. Let me know the results.
- Reactivate all Toolset plugins and deactivate all other plugins except WooCommerce. Activate the parent Kallyas theme and test again.
- If the problem is resolved, reactivate your child theme and other plugins one by one until the problem returns.
- If the problem was not resolved, I'll have to take a closer look.

#1361499

Temporarily deactivate all Toolset plugins and test again. Let me know the results.

This fixes the product display being greyed out but the basket is showing two images.

Let me try the next option

#1361509

Reactivate all Toolset plugins and deactivate all other plugins except WooCommerce. Activate the parent Kallyas theme and test again.

I have disabled all other plugins apart from woo and the parent theme is on. Same issue, with two images in the basket.

#1361513

Hang on, reverted back to the older theme and one image

hidden link

Then enabled the plugins and no grey option on main image

hidden link

So will get hold of Kallyas as assume an update to the theme?

#1361515

So you know I am updating so these links will be broken again as I want to find the change they made in the theme.

Thanks

#1361559

Hi

Sorry, when I was checking the parent theme had the default template, changed it to the new required one and same issue on grey product images.

Only have your plugins and woo on, using a default theme fixes it so I assume it is a theme issue with toolset. Maybe I need to change something in settings?

hidden link

#1361695

Okay I see, thanks for troubleshooting. I don't have access to the most current Kallyas theme, according to their updates page it's 4.17.4: https://my.hogash.com/changelog_category/kallyas-wordpress-theme/

Are you using the latest version? If not, can you update to the latest version and test again? If it's still not working, or if you're already running the latest version, I'll need to work with a copy of that theme to try to isolate the problem. I'll need you to post a zip archive of the latest version to Dropbox or Drive and share a download link here. All links you share in the forum are private. Once I have that theme installed I can try to replicate the problem and then I can report it to my 2nd tier support team for further analysis.

#1362233

Hi,

The latest version should be available here hidden link

Thanks

#1362947

Okay I have run several tests today with the Kallyas theme, but I'm unable to replicate the problems you have noticed - only one thumbnail image appears in the basket / cart, and the gallery images are behaving differently for me as well. I'm not sure if that means there is a configuration issue or a server-side issue. If you approve, I would like to log into wp-admin and use the Duplicator plugin to create that clone. Please provide login credentials in the private reply fields here.

#1364475

I have sent the login details

I also created a local copy and still have the issue.

Maybe you could send me an export of the template you are using to test my end also?

Thanks

#1365037

Hi, I was using a basic template with only 3 shortcodes, but I didn't have Layouts involved:

[wpv-woo-product-image]
[wpv-woo-buy-options][wpv-woo-product-price]

With Layouts active, I was able to add one wrapper div to the wpv-woo-product-image shortcode and adjust the cell settings a bit to fix the gallery image transparency issue. Here is the code I used to place the gallery in the Layout:

<div class="single_product_main_image">[wpv-woo-product-image]</div>

In the settings for the Visual Editor cell that contains the wpv-woo-product-image shortcode and wrapper div, I checked "Display images with responsive size" and "Disable automatic paragraphs".

I'm a bit lost between the test site and the dev site, is one more up-to-date than the other? Would you like to try the code update I shared above in the environment of your choice? Then I wasn't quite sure if the duplicate images in the basket had been ruled out as a theme-specific issue. I feel somewhat confident it has something to do with Lazy Loading images, but I haven't been able to reproduce it on my copy yet.

#1367955

Thanks Christain

Worked like a charm, perhaps you can add this advice somewhere for others unless I missed this?

See hidden link where you can see the thumb images do not great out in the main product image now.

Thanks again

#1367971

Fantastic, I don't have any documentation areas specific to the Kallyas theme, but now that we have marked this ticket resolved it should begin showing up in search results for Kallyas pretty soon. Thanks for the update.