surface appearance

[sukiya]

hi everybody,

another question:
if I start my webpage for the first short second the surface appears like you can see it in the attached image.
images which are in the background appear for a short moment.

my images are not to big – so I don’t know why this is happening?

do you have any idea?

thanks a lot,
best wishes,
Lisa

[Melanie – SUPPORT]

Hi,

the effects of the images scrolling on hover is kicked in by javascript, which loads after the content is being loaded. So it can happen that you see the content before it gets arranged. You don’t need to be concerned about that 🙂

All the best

[sukiya]

hi melanie,

I dont scroll over the images.
the product overlay transition is off.

the background mages appear without doing anything – and this is not so beautiful.
if I look on the demo page of neighborhood this is not happening – so I think there must be something wrong.

you have any other idea?

best wishes,
Lisa

[Kyle – SUPPORT]

Hi

Please could I see your link to check the issue?

– Kyle

[sukiya]

hi kyle,

here is the link of one product catalogue:
http://www.eshop.sukiya.ch/produktkategorie/light/

thanks a lot,
Lisa

[Mohammad – SUPPORT]

Hi,
Please try to use this custom css code
ul.products li figure:last-child{visibility:hidden !important;}

Thanks 🙂
With Best Regards
Swift Ideas

[sukiya]

hi Mohammad,

thank you for the information.

unfortunately it is not working.
the background images still appear…

http://www.eshop.sukiya.ch/produktkategorie/light/

best wishes,
Lisa

[Mohammad – SUPPORT]

Hi,
This will only occur when you have images that are smaller than the sizes you have set. The issue here is if you have a larger image than the rest (the rest being smaller than the size you have set in the WooCommerce settings), then they will show double as the products row needs to fit the grid, to not break the layout.

You’ll need to upload larger images to match, or reduce the image height set in the WooCommerce settings.

You can try this css code:
ul.products li figure a:last-child{visibility:hidden !important;}

Thanks 🙂
With Best Regards
Swift Ideas

[sukiya]

hi Mohammad,

thank you.
I changed the sizes.
now all images are 700×500 px and also the woocommerce settings are like this –
but the problem is still there.

take a look at this:
http://www.eshop.sukiya.ch/produktkategorie/furniture/

I also put the css code: ul.products li figure a:last-child{visibility:hidden !important;}

but there is no change….

thanks for helping me.

best wishes,
Lisa

[Mohammad – SUPPORT]

Hi,
Please try to use this css code :
ul#products.products li figure a div.product-image:last-child{display:none !important;}

Thanks

[sukiya]

hi Mohammad,

thank you!

now the images in the background disappeared! good!
but there is still a little delay – (see the attachment or the web link):

http://www.eshop.sukiya.ch/produktkategorie/furniture/

the effect ist still the same – but without the image in the background …

best wishes,
Lisa

[Mohammad – SUPPORT]

Hi,
Please use this code:
.woocommerce ul.products li.product figure > a{height:100% !important;overflow:hidden;}

Thanks 🙂
With Best Regards
Swift Ideas

[sukiya]

hi Mohammad,

sorry but now with this code the images in the background appear again:

http://www.eshop.sukiya.ch/produktkategorie/furniture/

best wishes,
Lisa

[Mohammad – SUPPORT]

Hi,
Please keep both codes this one and last one too .
Thanks

[sukiya]

ok I put now both codes like so (see the attachment).

but now its the same like before (without image in the background)…