Close

Carousel Issue

naresh
10 years ago
#2933 Quote
Avatar
  • 29
I am facing issue with  JCarousel please advise..

http://lebhi.com/search-issue.jpg

The images and price not aligning properly when using vertical option. Please help
Aleks
10 years ago
#2936 Quote
Avatar
  • Moderator
  • 70
Hi naresh,

the idea in the vertical JCarousel is this - you multiply the number of the items that you want visible by the height that's required for one item to be fully visible (depending on the settings you have enabled in the administration panel - short description, details button etc.) + around 5-10 pixels per item (you should play around with this value until it looks good to you). So in your particular situation, where you want to have 5 products and with only "item name" and "product prices" enabled, the item should have minimum height of 190px (this height is automatically generated and you should play around with the JCarousel to find it out) .
So you do this:

190px+5px multiplied by 5 items equal to 975px . This value of 975px should be applied to

.nop-jcarousel .jcarousel-clip-vertical{

    height: 975px;    

}


If you need anymore help, please let us know.

Best Regards,
Nop-Templates Support Team
Regards,
Aleksandar Ivanov
Nop-Templates.com
naresh
10 years ago
#3146 Quote
Avatar
  • 29
thanks that worked,!

now on 3.1 version, i am not able to get 4 items on horizontal carousel, tried manything, it comes while the page is loading after it is fully loaded it comes back to 3 items only, please help with this,,

http://wip.lebhi.com/
Boyko
10 years ago
#3149 Quote
Avatar
  • Moderator
  • 1570
naresh wrote:
thanks that worked,!

now on 3.1 version, i am not able to get 4 items on horizontal carousel, tried manything, it comes while the page is loading after it is fully loaded it comes back to 3 items only, please help with this,,

http://wip.lebhi.com/


Hi naresh,

Now the JCarousel uses a new setting that specifies the minimum item width. You need to specify a smaller width in order for the JCarousel to fit more of them. Go to the JCarousel Settings page in the administration and change this setting "JCarousel item min width.:" to let's say 150 for example. Then set the number of items for your carousel to be 4 and it should display 4 items as the width of the items will be higher than 150 px.

Hope this helps!

Thanks
Regards,
Nop-Templates.com Team
naresh
10 years ago
#3150 Quote
Avatar
  • 29
Yes it worked, thanks a ton! you guys rock!