How add a carousel slider for home page product items

Hi All,

Can any one suggest me to how to implement a carousel in home page product items.

Thank you.

usadananda wrote:

You can use https://owlcarousel2.github.io/OwlCarousel2/

HI Sohel,

     i have already tried the owl carousel. But the issue is "when i am inserting carousel div and classes in
  Presentation\Nop.Web\Views\Product\HomepageProducts" Solution showing error.

Can i have a solution for this issue..

@model IList<ProductOverviewModel>

@using Nop.Web.Models.Catalog;

@if (Model.Count > 0)
{
    <div class="product-grid home-page-product-grid">
        <div class="title">
            <strong>@T("HomePage.Products")</strong>
        </div>
        <div class="item-grid">
            @foreach (var item in Model)
            {
                <div class="item-box">
                    @Html.Partial("_ProductBox", item)
                </div>
            }
        </div>
    </div>
}

Thank you..

usadananda wrote:

See the Example ==>https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html

Thank you sohel.. Got the Carousel.

OwlCarousel have some bugs. I think Slick more good for slide options.