Horizontal slider for category manufacturer and product on homepage

I want to show category, manufacturer and product on my homepage. I can show them using admin panel but the problem i that if there are more than 4 category then they are shown in multiple rows. See the below example .


the same thing is with recently viewed product, related product. I want to implement horizontal slider if the product/category/manufacturer items go beyond 4 then i want to show them in slider. See the below example  


How can i implement this feature?

you need to add horizontal slider JS on below files.

if you are using theme then you have to find in


{ThemeName}\Views\Catalog\HomepageProducts.cshtml
{ThemeName}\Views\Catalog\HomepageCategories.cshtml

or if you have new version may be

{ThemeName}\Views\Product\HomepageProducts.cshtml
{ThemeName}\\Views\Catalog\HomepageCategories.cshtml

or it may use outer views as well if you are using Default theme

Views\Product\HomepageProducts.cshtml
Views\Catalog\HomepageCategories.cshtml

Thx vipul for the prompt reply.

Where can i find horizontal slider?

i am uisng 3.60 default theme

Hi there,

Please take a look to our 'JCarousel' plugin. In the link below you can see the documentation and live demo for the plugin. You can use it to show as many as you want categories, sub-categories, manufacturers and products.  

http://www.nop-templates.com/jcarousel-plugin-for-nopcommerce-documentation

hi there!

Do you if is there any free plugin to make a slider showing the best seller products?

Thanks!

gmarvano wrote:

No i haven't found any free plugin or snippets.

I also like your question . I find that not to be forever . Did you find any solution yet?

No i haven't found any solution.

Nop-Templates.com wrote:

Hi,

I am using the JCarousel plugin for Version 3.80, but am struggling to configure it in the admin panel.  I have created the carousels and added items but they are not displaying in the sliding format, they are displaying below each other.  Screenshots below

https://www.screencast.com/t/I9CoevegZIb
https://www.screencast.com/t/GCp5QSdC7

It is also causing the footer area to break
https://www.screencast.com/t/FxxKHxmAju

If someone could please advise if I am missing a step or configuring the plugin incorrectly, it would be a great help!

Thanks
Lena

Lena Raman wrote:

Hi Lena,

There is something goes wrong at plugin installation, Try to Uninstall/install plugin.
After that if you will face the same issue then it would be good to ask on Vendor site.