Remove arrows from thumbnails

Hi,

I don’t find where to remove the arrows shown on the thumbnails carrusel, on the product page.
I only want to have the arrows on the main image, not on the small ones.
¿How can I hide/remove them?

Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.thumbnails.slick-slider>button.slick-prev {
    display:none!important;
}
.thumbnails.slick-slider>button.slick-next {
    display:none!important;
}

Best Regards

It works!
Thank you!

I have another question, is it possible that the large of thumbnail images is as long as the main picture?
I have a carrusel with more than 3 pictures but I only see 3, Is it possible to see the number of thumbnails that fits with the large of the main picture? I think it would be 5.

Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .slick-list,
body .slick-track{
  height:100%!important;
}

Best Regards

Thank you, but now it is not the same measure. The thumbnails are larger than the main image, and the cubes does not finish in the same line/ margin.
Is it possible to block all the thumbnails to appear on the same large of the main image and the same margin? And despite there is 7 o 10 images on the carrusel, always seeing the first 5.

I attached how it is now, and how i want it.

Thank you,

Attachments:

You must be logged in to view attached files.

Hello,

I can make a fixed height or auto. Change the height in the code: instead of 100% set 1111px as per your needs. If you will upload images of the same size it would be in one level.

Best Regards

Thanks for your answer, I ve change 100% to 1111px and it stills the same.
I put that:

body .slick-list,
body .slick-track{
height:1111px!important;
}

Is it correct? It does not work!

Thank you!

Hello,

111px is an example, take the height of the main product image and set this height.

Best Regards

Hello,

111px is an example, take the height of the main product image and set this height.

Best Regards

I have change it and it doesn’t work, what can i do?

Hello,

Please provide your product URL and your site admin access to the private area.

Best Regards

Ok thank you, find the info on the private area.

Hello,

You need to add a lot of images to fill the whole height https://gyazo.com/28829c77813a5dd8f87261fd98d70d22

The link you provided is not workable, provide the link from the front end.

Best Regards

thank you!

I see you have set it, and now in the products that have full of images it is adjusted!
But thumbnails still a little longer than the main image, is this all we can do or can we adjust thumbnails and main image to have the same margin?

Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

Let it be, otherwise, the thumbnails would be cut. Or reduce the height a little bit.

Best Regards

Thank you!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts