I want to change the size of the images of Product Carousel

[Former Member]

Hi All,

My requirement is, I want to add a product carousel in the storefront and the image that displays there should occupy the whole screen instead of small sized enough for 5-6 images to fit in one rotating slot. Just like one image we have navigation arrows on both the sides of it fitting the whole screen and next image (also fitting the whole screen) should come up after hitting the arrow button. I am not quite sure whether I'm able to explain it, but I need that to be done and I am not finding any solution for it.

Any suggestion on how to accomplish this would be strongly appreciated.

Lot of thanks...

[Former Member · Accepted solution]

Hi,

Take a look to productcarouselcomponent.jsp of your storefront. You will see how hybris is rendering the image. On that jsp you can change the default size.

Regards

[Former Member · Accepted solution]

Hi,

I saw the productcarouselcomponent.jsp and found no link to any kind of resolution settings that I can do from there. Probably we can change the width and height from the css file or javascript according to the mapping that has been done in the tag:

I am not quite sure whether this is the correct place I'm concentrating on. If at all anything could be done from the jsp, how to do it?

[Former Member · Accepted solution]

Missed to post the tag in the previous comment, here it is:

[Former Member · Accepted solution]

The jsp file contains only the fields corresponding to the product details page, I mean when I click on any product in the carousel, the page it shows but nothing about the actual carousel appearance in the homepage.