WordPress.org

Forums

WooCommerce - excelling eCommerce
Lightbox woocommerce product images not working at all (10 posts)

  1. bdam6
    Member
    Posted 2 years ago #

    I've tried basically everything but my product images still won't show properly. When you click on an image it opens the image in a new page with a black background. Really ugly. I've also tried so many plugins, but none of them work. Except for WooCommerce Dynamic Gallery LITE, but I have to pay to make it look different. But nothing works, my site responds to none of the image related plugins. I don't understand because I am using a basic theme, Twenty Eleven, and I've only altered the css files and added a few widgets. Nothing major.

    So please can anyone help me get this image problem resolved because if I don't get it to work, even just the most basic form, I've worked weeks on this site for nothing if the images won't show properly. Really frustrating. I've already tried disabling all the plugins, see if any of them has some influence on the images but no, didn't help.

    I'm using:
    Woocommerce 2.0.8
    Twenty Eleven 1.5 (can't update because of the changes)
    Wordpress 3.5.1

    My site:

    http://wordpress.org/extend/plugins/woocommerce/

  2. jameskoster
    Member
    Plugin Author

    Posted 2 years ago #

    You do not need a plugin to have lightbox functionality. It's bundled in WooCommerce stock options.

    If it's not working, perhaps you have not enabled it? General tab of WooCommerce settings to check.

    Other than that you might have added a plugin that is causing javascript conflicts. Try disabling any plugins you've added one-by-one.

    PS, it's probably too late now, but you should make all your theme changes in a child theme so that you can always update the parent.

  3. bdam6
    Member
    Posted 2 years ago #

    I know, but mine doesn't work. I've already tried disabling the other plugins and I have enabled the lightbox effect in the general settings. I just don't get why it's not working.

    Thanks for the tips on the child theme. I was new to wordpress and just started to try stuff out. But later realized that you need to update everything constantly and all your work will be erased. To late now maybe, but I will look in to it. Thanks anyways!

  4. jameskoster
    Member
    Plugin Author

    Posted 2 years ago #

    If you can share a URL I could take a look. It's most likely a js conflict or something.

  5. rafaelcardos0
    Member
    Posted 1 year ago #

    You just need to add <?php wp_footer(); ?> just before you close the body tag.
    The woocommerce uses this wordpress function to call the scripts.

  6. kriptap
    Member
    Posted 1 year ago #

    You just need to add <?php wp_footer(); ?> just before you close the body tag.
    The woocommerce uses this wordpress function to call the scripts.

    exaclty where would I do this?

  7. momentlens
    Member
    Posted 1 year ago #

    Has anyone solved this? I have the same problem.

    Somewhere there is a conflict with my plugins or theme and can't figure out where it is. Images just open up in new windows and it's a terrible experience.

    An example: http://momentlens.co/product/lens-holster/

    Thanks,

    Marc

  8. jhawkinssbcos
    Member
    Posted 1 year ago #

    I agree. It is VERY frustrating since I have the same issue and cannot get a response from Woo on any of it. Spent $200 on software I can't get support on and does not work.

  9. bdam6
    Member
    Posted 1 year ago #

    Hi you guys, figured it out myself, I think. And I just noticed the many responses with the same problem!

    As someone said here before it was a problem with js or jquery. A conflict with scripts. I also changed themes but I noticed the same problem on my blog site where the lightbox effect of wordpress didn't work either.

    I disabled the header script on the pages I wanted the lightbox to work and the problem was solved. So I went looking for different scripts and the second one I tried didn't cause a conflict. So I would suggest trying to do that! Disable your plugin, place <?php wp_footer(); ?> just before you close the body tag and disable any running javascripts or jquery you put in yourself! Then rebuilt step by step and find your problem.

    For the more professional ones, me not included unfortanetly hahah, there is a way to find the conflict. I've tried it in Firefox with firebug! You can press F12 and look at the problems. It helped me to see my problem was with that my jquery was different from the theme's jquery which caused the lightbox effect to disable!

  10. bdam6
    Member
    Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic