Tagged: composites lightbox
We just noticed that the lightbox does not work on images displayed for chosen selected components for a composite product. If I take the very same product and view it again after switching to Storefront, all is well and the lightbox opens.
That’s a big problem because these images are really tiny and then destroy the usage flow by opening in the same window, thereby losing settings/position, etc. in the user’s composite construction
To help, you should know that the opening range around the culprit image has the following construction:
The data-rel attribute seems to show in Xstore, so I guess you need to know the class (composited_product_image zoom) to make it work?
The same seems to be true of WooC Bundles. Same problem of failing lightbox.
Their class is:
and full tag:
<a href="http://blahblah.jpg" class="bundled_product_image zoom" title="blah" data-rel="prettyPhoto">
Details in the private info. Please can you let me know what you do to sort it. The details are for a dev staging area and I will need to implement on the production.
Firstly, you must fix the following JS errors that occur in your JS console and may break some functionality.
Those console messages are not the issue, for a few of reasons I can be sure of.
The error path shows that these are messages from one of the hosting company’s ‘must use’ adminbar plugins. They are not of particular consequence, but more importantly this means that there are no console errors of any kind when not a user is not logged into an admin account or any account. There are no JS errors at all. But the light box problems still exists for composites and bundles.
The other point is that lightbox is working properly for the main product image you see at the top left (even with the console messages you highlighted). Just disable the ‘cursor’ and ‘pointer event’ CSS in firebug/dev tools for that image and you will see the lightbox work nicely.
I hope that helps.
Ok, we just checked CSS classes for this image and see that
composite_product_image zoom is there (you mentioned it in the first message) http://prntscr.com/dcu6k9
It means that our theme doesn’t change any markup for this plugin. Does it have any additional requirements that may be missed in Xstore?
I know that class was there – that’s why I was highlighting it to you. That way you could find the correct element efficiently and see that the lightbox does not work despite the correct markup i.e. the class and pretty attribute being there correctly.
In short and to recap, it works when you move to storefront………….
This is feeling a little circular today………
We can’t include this fix for the main theme because we don’t use prettyphoto scripts for the image gallery by default, we use our own lightbox.
All the fixed to change it back were made in functions.php of your child theme, so you won’t lose it after update if you don’t change our code in functions.php.
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.
The message was successfully sent
Your shopping cart is empty