Opencart responsive mobil görünümdeki hata

13-04-2019, 01:10:59

MERHABALAR

sürüm 2.3.x kullanıyorum, kategorilerde herhangi bir sorun yaşamıyorum mobil olarak yani

kategorilerde mobilde 2 tane görülüyor

ama ana sayfada aynı işlemi yaptığımda burdaki ayarlar sola kaydırmalı şekilde ilerliyor ve şu şekilde görünüyor.

yan tarafı boş kalıyor kodlarımda bunlar,

<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-12">
  <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,
	navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
	pagination: false
});
--></script>

güncel

15-04-2019, 01:28:13

#2

WesBorLand

@NoMen @FbAjans ücretli yardımcı olurmusunuz.
15-04-2019, 09:00:48

#3

skymoon

WesBorLand adlı üyeden alıntı: mesajı görüntüle

@NoMen @FbAjans ücretli yardımcı olurmusunuz.

Özelden mesaj atın yardımcı olayım.

15-04-2019, 14:27:32

Mekruh

WesBorLand adlı üyeden alıntı: mesajı görüntüle

MERHABALAR

sürüm 2.3.x kullanıyorum, kategorilerde herhangi bir sorun yaşamıyorum mobil olarak yani

kategorilerde mobilde 2 tane görülüyor

ama ana sayfada aynı işlemi yaptığımda burdaki ayarlar sola kaydırmalı şekilde ilerliyor ve şu şekilde görünüyor.

yan tarafı boş kalıyor kodlarımda bunlar,

<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-12">
  <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,
	navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
	pagination: false
});
--></script>

güncel

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>

16-04-2019, 00:13:28

WesBorLand

Mekruh adlı üyeden alıntı: mesajı görüntüle

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.

Mekruh adlı üyeden alıntı: mesajı görüntüle

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"></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.