Remove arrows from thumbnails

This topic has 16 replies, 2 voices, and was last updated 4 years, 8 months ago by Elise Noromit.

Viewing 17 posts - 1 through 17 (of 17 total)

Author

Posts
March 2, 2020 at 4:02 pm #177437

[email protected]
Participant

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.

March 2, 2020 at 6:06 pm #177464
Elise Noromit
Member
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
March 3, 2020 at 10:23 am #177583

[email protected]
Participant

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.

March 3, 2020 at 1:31 pm #177630
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
body .slick-list,
body .slick-track{
  height:100%!important;
}
```
Best Regards
March 3, 2020 at 1:43 pm #177633

[email protected]
Participant

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.

March 3, 2020 at 1:51 pm #177637

Elise Noromit
Member

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

March 3, 2020 at 1:59 pm #177640

[email protected]
Participant

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!

March 3, 2020 at 2:10 pm #177645

Elise Noromit
Member

Hello,

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

Best Regards

March 3, 2020 at 2:10 pm #177646

Elise Noromit
Member

Hello,

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

Best Regards

March 3, 2020 at 3:47 pm #177668

[email protected]
Participant

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

March 3, 2020 at 5:15 pm #177691

Elise Noromit
Member

Hello,

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

Best Regards

March 4, 2020 at 10:11 am #177802

[email protected]
Participant

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

March 4, 2020 at 1:54 pm #177874

Elise Noromit
Member

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

March 5, 2020 at 9:40 am #178027

[email protected]
Participant

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.

March 5, 2020 at 12:38 pm #178097

Elise Noromit
Member

Hello,

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

Best Regards

March 5, 2020 at 12:58 pm #178107

[email protected]
Participant

Thank you!

March 5, 2020 at 2:44 pm #178141

Elise Noromit
Member

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

Best Regards
Author

Posts