Return to previous page

Thumbnails on single product page - by tyaakow

This topic has 10 replies, 4 voices, and was last updated 10 years ago ago by Eva Kemp

tyaakow

Participant

December 14, 2015 at 14:23

I need to disable the carousel effect on thumbnails gallery on single prodct page –
so that all thumbnail links are displayed at once.

How can I do this?

P.S. I’m not scared of coding 🙂

#104143 Copied Theme version: 2.9 WooCommerce version: 2.4.7

9 Answers
Robert Hall

Participant

December 14, 2015 at 14:32
Hello,

Please try this code in custom.css

.single-product .product-thumbnails-slider .flex-direction-nav { visibility: hidden !important; }

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#104145 Copied
tyaakow

Participant

December 15, 2015 at 14:09

Thank you for your answer.
However, this merely removes carousel navigation.
Thumbnails are still partly hidden.

I need to stack ALL thubnails so they are visible
(even if they break into the next line).

I know how to add custom css etc.

#104369 Copied

Jack Richardson

Support staff

December 16, 2015 at 08:59

Hello,

As I see thumbnails are shown properly http://storage6.static.itmages.com/i/15/1216/h_1450252719_8849108_3867f899d3.png

Please show a direct page where you see the issue.

Best regards,
Jack Richardson.

#104488 Copied

tyaakow

Participant

December 16, 2015 at 11:25

Thumbnails here are shown properly, apart from the margins/padding, which ill handle.

However, if there is 2-3 thumbnails more, they are left out / invisible until visitor
scrolls onto them with either the navigation arrows I hid with your css snippet, or by navigating them on main image up, on its arrows.

So how can I simply stack them so thumbnails are ALL visible, like on this link:
http://0.top-tim.com/product/zeus-sport-marko-nogometni-dres/

#104532 Copied

Eva Kemp

Participant

December 16, 2015 at 14:31

Hello,

Please provide us with FTP and wp-admin panel credentials in Private Content and show a page where more than 3 thumbnails are added.

Thank you.

Regards,
Eva Kemp.

#104566 Copied

tyaakow

Participant

December 16, 2015 at 15:09

Ok,
you can see it on this link:
https://www.top-tim.com/katalog/zeus-sport-orfeo-nogometni-dres/,
but most of the products from this category:
https://www.top-tim.com/kategorija-proizvoda/nogometna-oprema/nogometni-dresovi/
have a lot of variation thumbnails that cant fit the width of the main photo.

As for FTP, I’m using shell access, I dont have ftp installed.
I created admin account for you to login, I think you can edit files through
wp-admin.

We are using child theme.
Please mind that the website is live.

Thank you

Please, contact administrator
for this information.

#104587 Copied

Eva Kemp

Participant

December 16, 2015 at 16:14

Hello,

Try to delete or rename the file product-thumbnails.php in wp-content/themes/legenda/woocommerce/single-product directory and default Woocommerce file will be loaded.
After that check thumbnails.

Regards,
Eva Kemp.

#104607 Copied

tyaakow

Participant

December 17, 2015 at 20:11

Thank you, Eva,
that was it.

#104844 Copied

Eva Kemp

Participant

December 17, 2015 at 20:39

Hello,

You’re welcome.

Regards,
Eva Kemp.

#104856 Copied
Viewing 10 results - 1 through 10 (of 10 total)