Product Carousel IE + OPERA

MAKALE

Makale olarak eklediğimiz ürünleri, "ANASAYFADA GÖSTER" butonuna tıklayarak gösterebiliriz.

@{
    <div class="discus-bg-full" style="background-image:url(https://www.karayeltasarim.com/Upload/File/2020/2/24/bg3.jpg);">
        <div class="container all-text-white">
            <div class="owl-carousel-product2 owl-carousel-fix">
                @foreach (Post comPost in Partial.allPosts.Where(a => a.PostHome == true))
                {
                    <div class="text-center all-text-white">
                        <h2 class="all-text-white"><a href="@Partial.PostLink(comPost.PostID)">@comPost.PostTitle.HtmlEncode() </a></h2>
                        <a href="@Partial.PostLink(comPost.PostID)">
                            <div class="disucs-imageframe">
                                <img src="@comPost.PostThumbnail" />
                            </div>
                        </a>

                    </div>
                }
            </div>
        </div>
    </div>
}

KATEGORİ

@{
    int card23Category = 3;
    if (Partial.isCategoryOrderNumber(card23Category))
    {
        IEnumerable<Category> card51Category = Partial.CategorySubID(card23Category);
        Category card48Category = Partial.Category(card23Category);
        <div class="discus-bg-full" style="background-image:url(https://www.karayeltasarim.com/Upload/File/2020/2/24/bg3.jpg);">
            <div class="container all-text-white">
                <div class="owl-carousel-product2 owl-carousel-fix">
                    @foreach (Category comCategory in card51Category)
                    {
                        <div class="text-center all-text-white">
                            <h2 class="all-text-white"><a href="@Partial.CategoryLink(comCategory.CategoryID)">@comCategory.CategoryTitle.HtmlEncode() </a></h2>
                            <a href="@Partial.CategoryLink(comCategory.CategoryID)">
                                <div class="disucs-imageframe">
                                    <img src="@comCategory.CategoryThumbnail" />
                                </div>
                            </a>
                        </div>
                    }
                </div>
            </div>
        </div>
    }
}

Javascript

$('.owl-carousel-product2').owlCarousel({
                margin: 10,
                loop: true,
                autoplay: true,
                autoplayTimeout: 2000,
                autoplayHoverPause: true,
                nav: true,
                navText: [
                    '<i class="fas fa-chevron-left"></i>',
                    '<i class="fas fa-chevron-right"></i>'
                ],
                dots: false,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 3
                    }
                }
            });

STANDART JAVASCRİPT ( Aşağıdaki kod ekli ise tekrar eklemeye gerek yok)

<script>hljs.initHighlightingOnLoad();</script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.counter').each(function () {
            $(this).prop('Counter', 0).animate({
                Counter: $(this).text()
            }, {
                    duration: 4000,
                    easing: 'swing',
                    step: function (now) {
                        $(this).text(Math.ceil(now));
                    }
                });
        });

// Carouselin JAVASCRİPTi BURAYA EKLENECEK

    });
</script>

CSS

.discus-bg-full {
    padding-top: 20px !important;
    padding-right: 30px;
    padding-bottom: 120px;
    padding-left: 30px;
}

.discus-bg-full .disucs-imageframe img {
    height: 250px;
}

https://ugurhaliyikama.com.tr

http://www.yapraktarim.com.tr/tr

http://www.royalagroscience.com/tr

http://www.biaproje.com/tr

http://www.adensera.com/tr

https://www.sagcankurtaran.com.tr/tr