thumbnails not showing, woocommerce 2.0.4

Im having the same issue with WC 2.0 .. The thumbnails are there but it looks like the display block or hidden make it dissapear by not knowing the height or something.. (just guessing)

WP 3.5.1
WC 2.0.5
Icarostore 1.0

Have to disable plugin now, if you also need my link let me know.

The plugin is the right answer for my project really hope there is a fix.

Thanks in advance..

You were partially right, if I define a height in my style.css for the thumbnails class and the bx-wrapper class the thumbnails show. Problems that still persists:

– For a short period of time (1 sec) I can see the thumbnails of the extra images with a wight/height of about 125px, after that the ‘slider’ shows.
– The added images (besides the featured one) are displayed twice in the slider. If you slide to the right en back to the left, they are gone.

Very strange problems, isn’t this plugin compatible with the new WC?

@duijnunder:

I’m still hoping someone will get back to us with a decent solution, but try adding the code below to your Style.css, seems to fix it for me. The only issue I still encounter:

– When I select a size which is out of stock, it changes the big picture.

My code:

.thumbnails {
height:90px;
}

.bx-wrapper {
height:90px;
}

#slider_main_div li {
display:none;
}

#slider_main_div li.pager {
display:block;
}

@sandervh thanks for that..

The height worked but thumbnails became 20px heigh, and the slider was out of place.
Probably because I use Icarostore as base theme.
Hence I overwrite with !important editing via child theme.

I also have a empty jcarousel sitting underneath the bx-wrapper
Needed to kill the prev and next button for that too.

I used this and it kinda works now..
FYI I have my thumbnails set to 138 x 90 not 90×90

This is my code if it has any use for someone: (no guarantees)

.bx-wrapper img {
	width: 100%!important;
}

#slider_main_div {
	height: 140px;
}
.bx-wrapper {
	height:138px!important;
}

.images .jcarousel-container {
	padding: 0px!important;
}
.jcarousel-prev, .jcarousel-next {
    background: none!important;
    height: 0px!important;
    right:  0px!important;
}

.bx-wrapper .bx-next {
	  right: 1%!important;
}

See result here: xxx.promaker dot com

Took me the best part of the morning to figure this out.. hope we get a cleaner fix later cuz I really like this plugin!

Ps mooie shop Sander.. ziet er goed uit!

BTW..
Still have the issue that it shows the last thumbnail before the first and it goes straight to pop up when clicked upon.. When using the slider it disappears and all work well.. feel its a width issue making the last one first again.. will look later.

Hello duijnunder and sandervh

Thank you for using this plugin.

I have recently tested the plugin with WooCommerce 2.0.5 and it was working fine with it. It seems that themes you are using are not directly compatible with ZWoom and we will need to work together to solve issues on your sites.

@duijnunder, please try adding following css lines as well where you have added earlier css code

ul.bxslider {
left: -117px;
}

@sandervh, Can you please disable your current theme and activate some other theme and then check if issue still persists?

Awaiting your replies.

Thanks,
WisdmLabs

@Dujinunder: thanks, toch één van de eerste custom WC webshops. Jouw link lijkt voor mij niet te werken?

@wisdmlabs: I’ve got it fully working now, so I’m not going to switch to other themes, but what you suggest could be causing the problem. I’m using a custom made WordPress template in which I’ve integrated WooCommerce by using woocommerce_content(). I’ve disabled Woocommerce CSS.

@WishdmLabs whoah..thnx, great call that fixed it.. I remember zeroing it, just didnt click reversing it.. great support mate!

Good to hear your plugin works str8 out of the box with the latest WC too, I couldnt really see how much impact my theme base had on it in this case, so atleast you dont have to go back to the drawing board.

This plugin seriously hits the nail on the head regarding to preview and functionality .. cant believe WC killed the convenience with the latest update.

Thanks again, much obliged!

Sander, www promaker dot com .. laat me weten of ut ook in NL te zien is .. ik woon in Sydney nu maar ken zeker nog wel broekman mode (kom uit Alkmaar) dus grappig je tegen to komen vannuit hier.. mooie foto’s gebruik je en toppie layout.. ! suc6

Groetjes, Per – duijnunder

@wisdmlabs, yes thanks for your support. Who knows, this will be helpful to others in the future!

@duijnunder, dat is inderdaad een sterk toeval! Ook hier in NL is het allemaal prima te zien, alleen het laden duurt wat lang, maar dat kan aan mij liggen. Jij ook succes!

Sander

@duijnunder, @sandervh, I am glad that your issues are resolved. I’ll mark this topic as resolved.

If you are happy and satisfied with this plugin, then please post a good review and rating for this plugin here.

Thanks,
WisdmLabs

You didn’t resolve the issue and the explanations by the Members are not specific enough to know which .css ‘s to fix and how. Please be detailed in your explanation of the CSS’s and areas to change. If I were to guess about compatibility; there is a plugin and embedded plugin on themes that is causing the issue. The most likely cause is the prettyPhoto. Take a look at prettyPhoto’s css code as it relates to your plugin.

@mbenterprisesllc – if you have a question, please start your own thread per the forum guidelines.

Hi WisdmLabs

We have used your plugin and its amazing, we have added it and as per “sandervh user” we had the same problem .
The Zoom function is working great, but the thumbnails aren’t showing up! When I check the source code I can find the thumbnail there, but it’s not actually showing.

so we have added the css code in
plugins/zwoom-woocommerce-product-image-zoom-extension-by-wisdmlabs/css

below is the website
https://kellychairs.com/shop/director-series/kelly-101/

it worked – but the problem was first image its taking original width and size and other images had extra space – please help with this part
and we are done with good plugin implemantion and we can post a good review.

@duijnunder Cheers! That code worked for me too. Was having major issues with all sorts of weird behaviour on this today.

Also, nice tip @wisdmlabs, why didn’t I think of going back to basics with a negative margin lol

Nice plugin btw

I find it weird that this isn’t a built in feature of woocommerce though?