Сообщений в теме: 27

[Сake]

Найдите в файле main.js строку

$(cnavig).removeClass(current).next().addClass(current);

после неё вставьте

$(nav).html($(html).find(nav).first().html());

[borisovd]

отлично, а как сделать кнопку показать еще в конце каждой сранице?

[borisovd]

borisovd (22 Октябрь 2013 - 09:13) писал:

отлично, а как сделать кнопку показать еще в конце каждой странице?

Если пролистать до последней странице и нажать на любую предыдущую страницу то весь дизайн сбрасывается

[Сake]

Найдите в файле main.js строку

var data = $(html).find(wrap_prd).map(function() {

и замените её на

html = html.replace(/&only_body=1&/ig, '');
var data = $(html).find(wrap_prd).map(function() {

Цитата

а как сделать кнопку показать еще в конце каждой сранице?

т.е вы хотите чтобы страница не подгружалась автоматически? а отображалась кнопка "Показать еще"? если да, то сообщите подробнее где именно должна находиться эта кнопка. Возможно лучше всего её будет расположить под списком товаров в виде длинной кнопки?

[borisovd]

Сake (23 Октябрь 2013 - 01:57) писал:

Найдите в файле main.js строку

var data = $(html).find(wrap_prd).map(function() {

и замените её на

html = html.replace(/&only_body=1&/ig, '');
var data = $(html).find(wrap_prd).map(function() {

т.е вы хотите чтобы страница не подгружалась автоматически? а отображалась кнопка "Показать еще"? если да, то сообщите подробнее где именно должна находиться эта кнопка. Возможно лучше всего её будет расположить под списком товаров в виде длинной кнопки?

так и нужно. И надо что бы страница была разделена то есть обозначена граница. То есть листаю вниз нажимаю показать еще и перед 2 страницей появиться строка -----------2 страница-----------

[borisovd]

Сake (23 Октябрь 2013 - 01:57) писал:

Найдите в файле main.js строку

var data = $(html).find(wrap_prd).map(function() {

и замените её на

html = html.replace(/&only_body=1&/ig, '');
var data = $(html).find(wrap_prd).map(function() {

все равно не работает.

[Сake]

Найдите в файле main.js код

if($(cnavig).next().length) {
								var url = $(cnavig).next().attr('href') + '&only_body=1';
								if(parent_url != url) {
										$.get(url, function(html) {
												html = html.replace(/&only_body=1&/ig, '');
												var data = $(html).find(wrap_prd).map(function() {
														if($(this).hasClass(wrap_prd.replace('.', ''))) {
																return($(this).children());
														}
												}).get(0);
												$(wrap_prd).append(data);
												$(cnavig).removeClass(current).next().addClass(current);
												$(nav).html($(html).find(nav).first().html());
												scroll_prod = false;
										}, 'text');

и замените его на

if($(cnavig).next().length) {
								var url = $(cnavig).next().attr('href');
								if(parent_url != url) {
										$(wrap_prd).append($('<div class="btn-more">').text('Показать еще').click(function() {
									 $.get(url + '&only_body=1', function(html) {
												var data = $(html).find(wrap_prd).map(function() {
														if($(this).hasClass(wrap_prd.replace('.', ''))) {
																return($(this).children());
														}
												}).get(0);
												$(wrap_prd).append(data);
												$('.btn-more').before($('<div class="page-number">')
												.text('---------- ' + (parseInt($(cnavig).last().text()) + 1) + ' страница ----------'))
												.remove();
												$(cnavig).removeClass(current).next().addClass(current);
												$(nav).html($(html).find(nav).first().html());
												scroll_prod = false;
										}, 'text');
								  }));

после добавьте в файл стилей main.css

.btn-more {
	background: rgba(204, 204, 204, 0.59);
	border-radius: 6px 6px 6px 6px;
	clear: both;
	cursor: pointer;
	height: 40px;
	text-align: center;
	width: 100%;
line-height: 40px;
font-size: 14px;
}
.btn-more:hover {
	background: rgba(145, 143, 143, 0.59);
}

.page-number {
	clear: both;
	text-align: center;
	width: 100%;
}

[borisovd]

Супер!) спасибо огромное!)