website design gold coast
website design gold coast

WooSwipe

thrive-wooswipe

WooSwipe is a product gallery for WooCommerce. The gallery is built using PhotoSwipe from Dmitry Semenov and Slick Carousel.

WooSwipe should work out of the box with your WooCommerce gallery settings. Simply adjust your image sizes in WooCommerce > Settings > Products > Display. You may need to rebuild your thumbnails.

Plugin settings are located WooCommerce > WooSwipe

WooSwipe Features:

  • Responsive
  • Very Mobile Friendly
  • Keyboard control
  • Full image size
  • 2 colour options

View a working demo here

download the plugin

Want to contribute? See the GitHub repo github.com/thriveweb/wooswipe

Help! The gallery doesn’t work?

This is usually caused by a Javascript conflict. The easiest way to track down the problem is to remove or disable other scripts.

You can try:

  • To disable other plugins. If this works, re-activate the plugins one by one until you find the problematic plugin(s).
  • Switch to the Twenty Fifteen theme to rule out any theme-specific problems
  • [advanced] Use a browser debugger to find the error. This may help you track down the conflict. Chrome is the best.
  • [advanced] If it’s a theme issue you may have some scripts embedded in your theme. To disable these look inside the header.php, footer.php or functions.php

Sharing is caring:

Created Dec 9, 2015 Made on the Gold Coast 56 Responses

56 Comments

  1. Hello!

    First off, thank you for developing this product gallery slider. I have been searching high and low for a slider, and yours is perfect.
    I am having an issue where if I click on one of the images in the slider, it will create a duplicate of the main image, and I will have to refresh the page for it to revert back to its original feature. I do not have any other slider programs installed, I have all the updates for my theme (Kadence Virtue theme).
    You can see the issue on this page:
    http://www.3dthrift.com/product/mingda-glitar-4c-copy-new-5c/

    Thanks,
    Alexis

  2. Nice plug-in…what I was looking for. However, if we can nail the issue of the original Woocommerce gallery showing up at the same time as your gallery, I’d be completely set! essentially, I have two galleries going on at the same time. Yours up top…Woo’s right below it. See link above.

    Thoughts on this?

    • Hi Darren. It might be a gallery built into your theme. I have disabled the built in gallery. What theme are you using?

      • Hey Dean. It’s Classico theme…but what do you mean you “disabled the built-in gallery”? I don’t see any changes on the page.

        Thanks for the promptness!

        • I have disabled the gallery built into WooCommerce with my plugin. The gallery you are seeing might be part of your theme not WooCommerce.

          • I see. it very well could be. How can we fix it? Any ideas? For yucks, I disabled lightbox and gallery images with my themes options…it did nothing. :(

            • Figured out it was Masterslider that is causing the conflict. Any thoughts on this? I can’t just “deactivate” Masterslider as a large portion of the site uses it. Thanks Dean!

            • You could contact the theme developer or you may need a developer to remove the code from the theme.

              • I don’t quite follow you. This isn’t a theme related issue,. At first I thought it was, but it wasn’t. I have contacted the theme developer and they concur with me on this. If we can’t get the problem rectified, then I guess i won’t be able to use the plugin…which would be sad. I like it. Thanks Dean.

                • Scratch that. I figured it out. :)

                • Your theme has it’s own a built in image gallery. So there is no way my plugin could be setup to override this as it’s unique to that theme. My plugin overrides the standard gallery built into the plugin.

                  • Yes Dean…I realize that. And that isn’t what my point was. But right now, it’s a moot point. My theme’s gallery has been disabled and trust me, there has been plenty of bouncing support emails since I had written you to figure out this issue. All works well together now except one thing…when I add a fourth image to your gallery…the site becomes un-responsive.

                    Ideas?

  3. Hey Dean,. I apologize for being so vague. I realized that after I had sent the message. Let me be a tad more clear on what happens.

    First link:
    http://ffwdconnection.com/woocommerce/product/vader-aluminum-racing-rods/

    This link to the first page works fine…but with only three images total uploaded for that product. One featured…and two in gallery.

    Second link:
    http://ffwdconnection.com/woocommerce/product/cylon-aluminum-racing-rods-2/

    Now this one is basically the same layout page as the first…but with 3 images total uploaded. One featured and three in gallery. Notice how there are horizontal scroll bars evident when re-sizing the browser (FF in this case) to roughly tablet and mobile device size.

    First link never shows those horizontal scroll bars.

    And while we’re on the subject, try refreshing the page on those links when you get the chance…you’ll find that the thumbnails go “Large” before “adjusting” to thumbnails when loading. Makes for some wacky loading of those pages.

    FYI…all files related to my themes gallery have been removed…as instructed to do by my theme developer, to revert back to the original Woocommerce’s gallery…which that it does when de-activating your plugin.

    Thanks a bunch Dean for your support and patience! Need any more info, please ask.

  4. Geat plugin, exactly what i am looking for. Except for one thing. It does not work with variable product. After choosing a product variation and the main image is updated. The gallery shows the wrong image when the lightbox is opened. Is there a way to fix this?

    • Hi Jasper. Hmm, do you have a plugin that changes images on variations? Can you post a link?

      • Hi Dean,

        Sorry i cannot send you a link because my webshop is still under development. The main image is replaced with the variation image by default. This functionality comes with the latest Woocommerce. When this happens the data-ind is not send to the main-image and so when the lightbox is opened, you will get the wrong image.

        I have found a workaround with Javascript and i think this minor change could really improve your plugin. If you wish, you can send me an e-mail, so i can contact you via skype / e-mail, and i will show you the exact problem.

  5. Phivos says:

    Hello Dean,

    Thank you for developing WooSwipe.

    I am using Visual Composer as a template for my e-commerce shop. I would like to use WooSwipe for my product gallery but it doesn’t work with Visual Composer. Is there a hack/trick to make it work?

    Thank you,
    Phivos

  6. Hello Dean,

    Great plugin. I was wondering, though. Is there a way to display an image’s title or preferably caption when opening an image in the light box?

  7. Potential bug: https://search.google.com/structured-data/testing-tool# cannot find the image when Wooswipe is active.

    Thank you for great plugin.

  8. Hi there,
    I just installed WooSwipe on one of my sites and overall I’m really happy with it, but there is just one thing that nags my customer: he’d like to deactivate the lightbox. He just wants the pictures loaded into the frame. So I’ve been wondering if there is an easy way of deactivating just the Lightbox functionality of WooSwipe?

    Thanks in advance :)

    • Hi Jan. Sorry not at this stage. Have you tried that default gallery? You can turn off the lightbox with that in the settings.

  9. I like to deactivate the lightbox. Just wants the pictures loaded into the frame. So I’ve been wondering if there is an easy way of deactivating just the Lightbox functionality of WooSwipe?

    Thanks in advance :)

  10. The plugin works fine but it is adding two versions of fetured image in the beginning of the product gallery. What can I do?

    • Hi. Sorry for the delay. It automatically ads the featured image into the gallery. Do you have it in your gallery also?

      Please post a link if you can.

  11. Hi, I love the simplicity of the plugin. However, when I activate the plugin all goes well but the sale badge disappears.

    globalfurniture-elst.nl/nieuw/product/bowl-salontafel-metaal-hout/

    I think it’s theme related, but a push in the tight direction would help allot.

    • Hi. Sorry for the slow reply. The Sale badge would be a custom addition to your theme. It’s not a standard feature of WooCommerce sorry.

  12. Hi,
    very light and good plugin.
    but it is not working with my website(worldpress)
    https://drive.google.com/open?id=0B6L9QZ3Td5YjUEh2TlM3RS1qbFE
    https://drive.google.com/open?id=0B6L9QZ3Td5YjWnhwakJPdmN2QU0

    by the way, is it possible to make it same to the amazon one? (I like to responsive , you can switch the photo directly and single tap to bigger size, double tap to zoom, or pinch to zoom). I think your are very close to them, just a few more step..
    https://www.amazon.com/gp/product/B01CEFE54A/ref=s9_acsd_nps_hd_bw_bHWp0cV_c_x_w?pf_rd_m=ATVPDKIKX0DER&pf_rd_s=merchandised-search-4&pf_rd_r=GNSBGAQA2C6VPT6DVR8B&pf_rd_t=101&pf_rd_p=e5664ea1-0bf4-58a5-bebb-a2144367b359&pf_rd_i=16059258011

  13. Hi, I’ve put your plugin into my website.
    Keyboard control works well but I have 1 option more.

    I need to have images keyboard control on single page ( not only in pop-up image view )
    I would like to have possibility to keyboard images scroll when customer is on single_product_page too
    Like this one:
    http://ciuchuj.pl/produkt/olowkowa-czarna-spodnica-z-falbanka/

    Please help me how to customise your plugin.

  14. lalit pendhare says:

    Hi, I have required thumbnail also in zoom image(when popup). Do you know, how can I possible this feature. I tried but getting no success.Also great if possible next and previous button on product gallery page.

  15. Is there anyway to cancel the slick-slider part of this plugin?
    The arrows don’t work on my website,m probably because it’s RTL.

  16. Hi,
    I installed the plugin to have a slider of what my product can do below the product image. I sell moulding products and I want to give ideas to my clients of what my moulding kit can do. I put all the images that I want into the slider into the product gallery image of my product page and a slider is created like I wanted. There’s a problem though: each photos that i put in my gallery (to be in the slider) are big and the slider is only below all the photo. I don’t want that. I only want the photo of my product to be big and the others (the ones from the product gallery image) will be little in the slider. Is it possible to do so with your plugin? If so, how do I fix the problem? Can you help me?

    Here is my page to help you understand my problem. http://laissezvousmouler.com/en/shop/evolution-kit/
    Thanks

    • Hi. Firstly have you rebuilt your thumbnails? You theme might have some issues. I haven’t seen two lots of images displayed before.

  17. Excellent Plugin! Thank you very much. It’s light and fast and works straight out of the box.

    The only thing that could make this even better (and I’d be first in line to purchase if this plugin evolved to a PRO version as a result…) is to have the Variation selector menu automagically update to the Product Variation Title when the thumbnail it is associated with is selected in the gallery.

  18. Hello there!
    I’m not a coder or anything of that sort so WordPress and plug-ins have been great for me. Your plug-in was exactly what I’ve been looking for. I just seem to have one issue of after installing the plug-in it works great but it seems to have created two images of the main image. So now there are duplicates of the main image. Any help resolving this would be greatly appreciated! Thanks so much!

    • Hi Daniel. The plugin doesn’t create any new images. It may be that your old gallery worked differently and didn’t include the featured image. Can you check if your image is duplicated in the featured image and gallery?

      • Thanks for replying Dean, I went through and checked and the image was not duplicated in the featured image or gallery. I’m using the plugin for products images and besides the double main image it’s working great

        • Can you please post a link to demo the problem. Let me know what device and browser you are seeing this on please.

  19. Hi, great plugin, thank you. Just wanted to check how I can change the width of the main product image? Any changes I make in Woocommerce settings make no difference. I need to reduce the width as currently the image is just too large and goes off screen. Any advice would be appreciated.

    • Hi Ben, could you post a link? It might be an issue with your theme. Also did you rebuild your thumbnails after you changed the settings?

  20. Hi, I want to thank you first to realize this nice plugin.
    then i need to ask you help, I use the plugin and it works perffect in the product page itself in woocommerce (so if I open a page its super, from desktop and mobile).
    problem come when I use shortcodes to show product in a article: [product_page id=”703″]
    when i use this then the lightbox it doesnt work properly anymore.

    do you have any tipp for me? or as you wrote i should try to deactivate scripts?

    thanks a lot for your help, i really need to solve it because i didnt found a plugin cool like yours =)

    ciao
    Val.

  21. Hello,I check your new stuff named “WooSwipe – A free WooCommerce Product Gallery Plugin” on a regular basis.Your story-telling style is awesome, keep it up! And you can look our website about love spells.

Leave a Reply