Подгрузка товаров

grechanyuk · 14 травня 2017

Привет, друзья! имеем OC 2.3 и проблему. Вот такой есть код

<h3><?php echo $heading_title; ?></h3>
<?php if ($products) { ?>
<?php shuffle($products); ?>
<div class="row" id="prod">
        <?php foreach ($products as $product) { ?>
        <div class="product-layout product-grid col-lg-3 col-md-3 col-sm-4 col-xs-12">
          <div class="product-thumb thumbnail ">
            <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive center-block" /></a></div>
            <div>
              <div class="caption">
                <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
                <p class="description"><?php echo $product['description']; ?></p>
                <?php if ($product['price']) { ?>
                <p class="price">
                  <?php if (!$product['special']) { ?>
                  <?php echo $product['price']; ?>
                  <?php } else { ?>
                  <span class="price-old">&nbsp;<?php echo $product['price']; ?>&nbsp;</span> <span class="price-new"><?php echo $product['special']; ?></span>
                  <?php } ?>
                  <?php if ($product['tax']) { ?>
									<br />
                  <span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span>
                  <?php } ?>
                </p>
                <?php } ?>
								<?php if ($product['rating']) { ?>
					<p class="rating">
                  <?php for ($i = 1; $i <= 5; $i++) { ?>
                  <?php if ($product['rating'] < $i) { ?>
                  <i class="fa fa-star"></i>
                  <?php } else { ?>
                  <i class="fa fa-star active"></i>
                  <?php } ?>
                  <?php } ?>
								</p>
								<?php } else { ?>
								<p class="rating">
									<i class="fa fa-star-o"></i>
                  <i class="fa fa-star-o"></i>
									<i class="fa fa-star-o"></i>
									<i class="fa fa-star-o"></i>
									<i class="fa fa-star-o"></i>
								</p>
								<?php } ?>
								<div class="btn-group dropup">
									<?php if (($product['quantity'] <= 0) and $disable_cart_button){ ?>
									<button type="button" class="btn btn-addtocart" title="<?php echo $button_cart; ?>" disabled><?php echo $disable_cart_button_text; ?> </button>
									<?php } else { ?>
									<button type="button" class="btn btn-addtocart" onclick="cart.add('<?php echo $product['product_id']; ?>');" title="<?php echo $button_cart; ?>"><i class="fa fa-shopping-basket fa-fw"></i>&nbsp;&nbsp;<?php echo $button_cart; ?> </button>
									<?php } ?>
									<?php if ($on_off_qview && ($second_button == 'qview')){ ?>
									<button class="btn btn-addtocart" onclick="qview('<?php echo $product['product_id']; ?>')" data-toggle="tooltip" title="<?php echo $qview_text; ?>">
										<i class="fa fa-eye fa-fw"></i>
									</button>
									<?php } ?>
									<?php if ($on_off_fastorder && ($second_button == 'fastorder') && !(($product['quantity'] <= 0) and $disable_cart_button)){ ?>
									<button class="btn btn-addtocart " onclick="fastorder('<?php echo $product['product_id']; ?>')"  data-toggle="tooltip" title="<?php echo $fastorder_text; ?>">
										<i class="fa fa-bolt fa-fw"></i>
									</button>
									<?php } ?>
									<button type="button" class="btn btn-addtocart dropdown-toggle" data-toggle="dropdown">
										<i class="fa fa-angle-down caretalt"></i>
									</button>
									<ul class="dropdown-menu addtocart-additional">
										<?php if (!(($product['quantity'] <= 0) and $disable_cart_button) && !($second_button == 'fastorder') && $on_off_fastorder){ ?>
										<li><a onclick="fastorder('<?php echo $product['product_id']; ?>')"><i class="fa fa-bolt fa-fw"></i>&nbsp;&nbsp;<?php echo $fastorder_text; ?></a></li>
										<?php } ?>
										<?php if ($on_off_qview && !($second_button == 'qview')){ ?>
										<li><a onclick="qview('<?php echo $product['product_id']; ?>')"><i class="fa fa-eye fa-fw"></i>&nbsp;&nbsp;<?php echo $qview_text; ?></a></li>
										<?php } ?>
										<li><a onclick="wishlist.add('<?php echo $product['product_id']; ?>');return false;" title="<?php echo $button_wishlist; ?>"><i class="fa fa-heart-o fa-fw"></i>&nbsp;&nbsp;<?php echo $button_wishlist; ?></a></li>
										<li><a rel="nofollow" onclick="compare.add('<?php echo $product['product_id']; ?>');return false;" title="<?php echo $button_compare; ?>"><i class="fa fa-balance-scale fa-fw"></i>&nbsp;&nbsp;<?php echo $button_compare; ?></a></li>
									</ul>
								</div>
              </div>
            </div>
						<div class="clearfix"></div>
          </div>
        </div>
        <?php } ?>
      </div> 
<div class="row">
  <div class="col-sm-6 text-left" id="pagination"><?php echo $pagination; ?></div>
  <div class="col-sm-6 text-right"><?php echo $results; ?></div>
</div>
<?php }else{ ?>
<div class="row">
  <div class="product-layout col-xs-12">
    <p><?php echo $text_empty; ?></p>
  </div>
</div>
<?php } ?>
<script>
	function adddotdotdot($element) {
		$(".subcategory .name-wrapper").dotdotdot();
	}
	$(document).ready(adddotdotdot);
	$(window).resize(adddotdotdot);

	$(function(){
		$('#limit-button').find('.button-text').prepend($('#limit-button').find("b").text());
		$('#sort-button').find('.button-text').prepend($('#sort-button').find("b").text());
	});
	

</script>
<?php if ($uploader_status) { ?>
			<script type="text/javascript"><!--
			$(function() {
			  
			  var autoscroller = [];

			  <?php if ($uploader_auto) { ?>

			    autoscroller.hidePagination = 1;
			    autoscroller.autoScroll = 1;
			    autoscroller.catcher = '#endless';
			    autoscroller.delay = 1000;
			  
			  <?php } ?>

			  autoscroller.loading = 0;
			  
			  <?php if ($uploader_auto) { ?>

			  $(window).scroll(function() {


			    if(inWindow(autoscroller.catcher) && !autoscroller.loading && autoscroller.autoScroll) {
			      
			        autoscroller.loading = true;
			        $('#endless .fa-refresh').addClass('fa-spin');
			        
			        setTimeout(function() {
			          
			          $('#endless').trigger('click');
			          
			        }, autoscroller.delay);
			          
			      } 

			    });
			  
			  <?php } ?>

			  $('.pagination').hide();
			  
			  if ($('.product-layout, .product-list').length) {
			  
			    var lastProduct = $('.pagination').parent().parent().parent().find('.product-layout:last-child'); 
			    
			    if ($('.pagination').length && !$('.pagination > li:last-child').hasClass('active')) {

			      $('#content div.col-sm-6.text-right').hide();
			      
			      $('.pagination').parent().before('<div class="col-xs-12 text-center"><button class="btn <?php echo ($uploader_defaultcolorbutton) ? $uploader_choosedefaultcolorbutton : $uploader_customclass ?><?php echo ' ' . $uploader_customclass; ?> btn-lg" id="endless" style="<?php echo ($uploader_defaultcolorbutton) ? 'color:' . $uploader_textcolor . ';'  : '' ?> margin: 15px auto; padding: 10px 120px;" ><?php echo ($uploader_textbutton) ? $uploader_textbutton : '<i class="fa fa-refresh"></i>'?> </button></div>');

			      $('#endless').on('click', function(e) {
			        
			        var nextPage = $('ul.pagination li.active').next().find('a:first-child');
			      
			        $.ajax({
			          url: $(nextPage).attr('href'),
			          beforeSend: function(){
			              $('#endless .fa-refresh').addClass('fa-spin');
			          },
			          success: function(data){

			            var products = $(data).find('.product-list');
			            
			              lastProduct.after(products);
			            
			                  if (localStorage.getItem('display') == 'grid') {
			                
			                  cols = $('#column-right, #column-left').length;

			                  if (cols == 2) {
			                    $(products).attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-12');
			                  } else if (cols == 1) {
			                    $(products).attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12');
			                  } else {
			                    $(products).attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');
			                  }

			                } 

			            
			            $('.pagination').html($(data).find('.pagination > *'));
			            
			            nextPage = $('ul.pagination li.active').next().find('a:first-child');
			            

			            if (nextPage.length == 0) {
			              $('#endless').remove();
			            } else {
			              $('#endless .fa-refresh').removeClass('fa-spin');
			            }
			            
			            autoscroller.loading = 0;
			          }
			        });

			        return false;
			      });

			    }
			  }
			  
			  
			  function inWindow(el){
			    if($(el).length) {
			      var scrollTop = $(window).scrollTop();
			      var windowHeight = $(window).height();
			      var offset = $(el).offset();
			      
			      if(scrollTop <= offset.top && ($(el).height() + offset.top) < (scrollTop + windowHeight))
			        return true;
			    };
			    
			    return false;
			  }

			  <?php if (!$uploader_defaultcolorbutton) { ?>

			  $('.<?php echo $uploader_customclass; ?>').css({<?php echo $uploader_colorbutton; ?><?php echo $uploader_textcolor; ?>});

			  $('.<?php echo $uploader_customclass; ?>').hover(
			    function () {
			      $(this).addClass('hover');
			      $('.hover').css({<?php echo $uploader_colorbuttonhover; ?><?php echo $uploader_textcolor; ?>});
			    },
			    function () {
			      $(this).removeClass('hover');      
			      $('.btn').css({<?php echo $uploader_colorbutton; ?><?php echo $uploader_textcolor; ?>});
			    }
			  );

			  <?php } ?>



			});


			--></script>
			<?php } ?>

Меня интересует крайний скрипт. По идее он должен скрыть стандартную пагинацию и подгрузить товары со следующей страницы. Но. Судя по FireBag от мозиллы по нажатию на кнопку "Показать еще" от сервера приходит ответ с содержанием второй страницы, а вот сам контент никуда не вставляется. Прошу Вашей помощи

P.S абсолютно все логи чистые

Змінено 14 травня 2017 користувачем grechanyuk
P.S.

grechanyuk · 10 червня 2017

Проблему решил уже давно. Если кому-то интересно - добро пожаловать в лс, подскажу что поправить. Тему можно закрывать

buslikdrev · 14 травня 2021

Вхід

Подгрузка товаров

Recommended Posts

grechanyuk

Надіслати

Поділитися на інших сайтах

grechanyuk

Надіслати

Поділитися на інших сайтах

buslikdrev

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Ваші замовлення

ocStore

Шаблони

OpenCart.Pro

Important Information