Пишу учебный интернет магазин.Как выводить товары по отдельности?

Question

[devilwish]

var cart = {};
function init() {
	$.getJSON("cargo.json", disCharge);
}
function disCharge(data) {
	console.log(data);
	var out='';
	for(var key in data) {
        out += `<div class="product product-grid">
                                        <div class="product-media">
                                            <div class="product-thumbnail">
                                                <a href="product-fullwidth.html" title="">
                                                    <img src="${data[key].img_1}" alt="" class="current">
                                                    <img src="${data[key].img_2}" alt="">
                                                </a>
                                            </div>
                                            <!-- /.product-thumbnail -->


                                            <div class="product-hover">
                                                <div class="product-actions">
                                                    <a href="#" class="awe-button product-add-cart" data-toggle="tooltip" title="Add to cart">
                                                        <i class="icon icon-shopping-bag"></i>
                                                    </a>

                                                    <a href="#" class="awe-button product-quick-whistlist" data-toggle="tooltip" title="Add to whistlist">
                                                        <i class="icon icon-star"></i>
                                                    </a>

                                                    <a href="#" class="awe-button product-quick-view" data-toggle="tooltip" title="Quickview">
                                                        <i class="icon icon-eye"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <!-- /.product-hover -->



                                        </div>
                                        <!-- /.product-media -->

                                        <div class="product-body">
                                            <h2 class="product-name">
                                    <a href="#" title="Gin Lane Greenport Cotton Shirt">${data[key].name}</a>
                                </h2>
                                            <!-- /.product-product -->

                                            <div class="product-category">
                                                <span>${data[key].description}</span>
                                            </div>
                                            <!-- /.product-category -->

                                            <div class="product-price">

                                                <span class="amount">${data[key].cost}</span>

                                            </div>
                                            <!-- /.product-price -->
                                        </div>
                                        <!-- /.product-body -->
                                    </div>
                                    <!-- /.product -->`                                 
	$('.disCharge').html(out);

Всем привет.Пишу учебный интернет магазин.Пытаюсь вывести товары в слайдер(owl-carousel), если вывожу через селектор слайдер, рушится его разметка, если в отдельный див внутри слайдер, все товары попадают в один item.Как выводить их по отдельности?

Comments

[FeST1VaL]

ну так один .product это 1 товар? их все обернуть в product__list какой нить и на этот лист навесить слайдер.

[devilwish]

Артем Будин, Дак в этом и проблема, если я вывожу в условный product_list с прикрученным слайдером, слайдер не работает

[Станислав Некрасов]

devilwish, код надо выкладывать не в виде картинки, а в теге <code>

[FeST1VaL]

Короче, нужно больше информации.... почему не выводится? что пишет. песочницу можете попытаться сделать например на jsfiddle.net итд...