Kod bloğunu altta ki ile değiştirip deneyin bir de hocam.
<div><h2><span><?php echo $heading_title; ?></span></h2></div>
<div class="animation-element bounce-up margins">
<div style="background:none;" id="featured" class="row slideshow owl-carousel">
<?php foreach ($products as $product) { ?>
<div class="leftrightx col-lg-12 col-md-12 col-sm-12 col-xs-6">
<div class="product-layout">
<div style="margin-top:0px;"class="product-thumb transition">
<?php if ($product['quantity']<=0) { ?>
<div class="miktar"></div>
<?php } ?>
<div class="image"><a href="<?php echo $product['href']; ?>"><img style="display: inline;" class="img-responsive lazy" src="image/catalog/loading.gif" data-original="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" /></a>
<?php if ($product['special']) { ?>
<div class="discount">İndirim
<?php
$string = $product['price'];
$string1 = $product['special'];
$int_price = substr(intval(preg_replace('/[^0-9]+/', '', $string), 10),0,-2);
$int_sprice = substr(intval(preg_replace('/[^0-9]+/', '', $string1), 10),0,-2);
echo "%" . round(($int_price-$int_sprice)/$int_price*100) ;
?>
</div>
<?php } ?>
<div class="button-group">
<button type="button" data-toggle="tooltip" title="<?php echo $button_cart; ?>" onclick="cart.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
<button data-toggle="tooltip" title="İncele" type="button" onclick="window.open('<?php echo $product['href']; ?>', '_self') "><i class="fa fa-search-plus"></i> İNCELE</button>
</div>
</div>
<div class="caption text-center">
<h4><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></h4>
<div class="rating">
<?php for ($i = 1; $i <= 5; $i++) { ?>
<?php if ($product['rating'] < $i) { ?>
<span class="fa fa-stack"><i class="fa fa-star off fa-stack-2x"></i></span>
<?php } else { ?>
<span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
<?php } ?>
<?php } ?>
</div>
<?php if ($product['price']) { ?>
<p class="price">
<?php if (!$product['special']) { ?>
<span class="price-new"><?php echo $product['price']; ?></span>
<?php } else { ?>
<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
<?php } ?>
</p>
<?php } ?>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<script type="text/javascript"><!--
$('#featured').owlCarousel({
items: 5,
autoPlay: false,
navigation: true,
itemsDesktop : [1199,5],
itemsDesktopSmall : [980,5],
itemsTablet: [768,2],
itemsTabletSmall: false,
itemsMobile : [320,2],
navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
pagination: false
});
--></script> https://resmim.net/f/yo97UL.png buşekilde oluyor yan tafafı boş oluyor.
Kod bloğunu altta ki ile değiştirip deneyin bir de hocam.
<div><h2><span><?php echo $heading_title; ?></span></h2></div>
<div class="animation-element bounce-up margins">
<div style="background:none;" id="featured" class="row slideshow owl-carousel">
<?php foreach ($products as $product) { ?>
<div class="leftrightx col-lg-12 col-md-12 col-sm-12 col-xs-6">
<div class="product-layout">
<div style="margin-top:0px;"class="product-thumb transition">
<?php if ($product['quantity']<=0) { ?>
<div class="miktar"></div>
<?php } ?>
<div class="image"><a href="<?php echo $product['href']; ?>"><img style="display: inline;" class="img-responsive lazy" src="image/catalog/loading.gif" data-original="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" /></a>
<?php if ($product['special']) { ?>
<div class="discount">İndirim
<?php
$string = $product['price'];
$string1 = $product['special'];
$int_price = substr(intval(preg_replace('/[^0-9]+/', '', $string), 10),0,-2);
$int_sprice = substr(intval(preg_replace('/[^0-9]+/', '', $string1), 10),0,-2);
echo "%" . round(($int_price-$int_sprice)/$int_price*100) ;
?>
</div>
<?php } ?>
<div class="button-group">
<button type="button" data-toggle="tooltip" title="<?php echo $button_cart; ?>" onclick="cart.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
<button data-toggle="tooltip" title="İncele" type="button" onclick="window.open('<?php echo $product['href']; ?>', '_self') "><i class="fa fa-search-plus"></i> İNCELE</button>
</div>
</div>
<div class="caption text-center">
<h4><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></h4>
<div class="rating">
<?php for ($i = 1; $i <= 5; $i++) { ?>
<?php if ($product['rating'] < $i) { ?>
<span class="fa fa-stack"><i class="fa fa-star off fa-stack-2x"></i></span>
<?php } else { ?>
<span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
<?php } ?>
<?php } ?>
</div>
<?php if ($product['price']) { ?>
<p class="price">
<?php if (!$product['special']) { ?>
<span class="price-new"><?php echo $product['price']; ?></span>
<?php } else { ?>
<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
<?php } ?>
</p>
<?php } ?>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<script type="text/javascript"><!--
$('#featured').owlCarousel({
items: 5,
autoPlay: false,
navigation: true,
itemsDesktop : [1199,5],
itemsDesktopSmall : [980,5],
itemsTablet: [768,2],
itemsTabletSmall: false,
itemsMobile : [320,2],
navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
pagination: false
});
--></script>
çok teşekkür ederim, hocam bu şekilde 2 tane yan yana durdu fakat resim boyutları çok kücük geldi tam olarak nereyi editlemem gerekiyor bunun için diğer bölümlerede eklemek istiyorum yeni ürünler kampanyalar gibi vs.
aynı sorunu yaşayan arkadaşlar için çözüm paylaşıyorum.
aşağıda verdiğim kodları müsait bir yere eklediğinizde responsive olarak görünüm sağlayacaksınız.
<script type="text/javascript"><!--
$('#featured').owlCarousel({
items: 5,
autoPlay: false,
navigation: true,
itemsDesktop : [1199,5],
itemsDesktopSmall : [980,5],
itemsTablet: [768,2],
itemsTabletSmall: false,
itemsMobile : [320,2],
navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
pagination: false
});
--></script>
konu kapanabilir silinebilir teşekkürler, deneme yanılma ve arkadaşların yardımıyla istediğim görüntüyü aldım ben umarım sizinde işinize yarar.