Избавляемся от выпадающих списков в фильтре над списком товаров и переносим пагинацию.

Yoda · 1 квітня 2012

**** ДЕЛАЙТЕ БЕКАПЫ ПЕРЕД ЛЮБЫМИ ИЗМЕНЕНИЯМИ !!!*******

**** Сохраняйте файлы в UTF-8 без BOM чтобы не было кракозябр!!! *******

Достали меня дефолтный выпадающий список и внешний вид пагинации, и наконец то до них дошли руки.

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

Получилось вот такое:

Вся эта петрушка отображается только если товаров у вас больше минимального значения вывода на страницу установленного в амдинке магазина. (если товаров 25, а у вас стоит лимит в 30 - то панель просто не отображается).
Слева упихал пагинацию и убрал из нее перейти в конец перейти в начало, потому что у меня нет столько товаров в категориях чтобы они были нужны.
Убрал информацию о кол-ве отображаемых и общем количестве товаров (косметически)
Сортировку освободил от уз выпадающего списка и сделал в виде трех кликабельных блоков (при первом клике идет прямая сортировка и блок становится активным, при повторном клике по блоку отображается обратная сортировка).
Вставил проверку кол-ва элементов вывода (т.е. если у вас товаров меньше 60 - у вас не будет 90 и 120 штук к показу).

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

Кроме css - файлы приложил, не загружался tpl - переименовал его в tpl.php/

Итак по порядку

1. Идем в админку и смотрим сколько у нас там товаров для вывода по дефолту. Я себе поставил 30.

2. Откываем catalog/controller/category.php

находим там вот такие строки

$this->data['limits'] = array();
  
   $this->data['limits'][] = array(
	'text'  => $this->config->get('config_catalog_limit'),
	'value' => $this->config->get('config_catalog_limit'),
	'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . $url . '&limit=' . $this->config->get('config_catalog_limit'))
   );
	
   $this->data['limits'][] = array(
	'text'  => 25,
	'value' => 25,
	'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . $url . '&limit=25')
   );
  
   $this->data['limits'][] = array(
	'text'  => 50,
	'value' => 50,
	'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . $url . '&limit=50')
   );
   $this->data['limits'][] = array(
	'text'  => 75,
	'value' => 75,
	'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . $url . '&limit=75')
   );
  
   $this->data['limits'][] = array(
	'text'  => 100,
	'value' => 100,
	'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . $url . '&limit=100')
   );
	
   $url = '';

И либо убираем либо комментируем ненужное и меняем если надо шаг.

я для себя сделал вот так:

$this->data['limits'] = array();
  
   $this->data['limits'][] = array(
	'text'  => $this->config->get('config_catalog_limit'),
	'value' => $this->config->get('config_catalog_limit'),
	'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . $url . '&limit=' . $this->config->get('config_catalog_limit'))
   );
	
  /* $this->data['limits'][] = array(
	'text'  => 30,
	'value' => 30,
	'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . $url . '&limit=30')
   );*/
  
   $this->data['limits'][] = array(
	'text'  => 60,
	'value' => 60,
	'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . $url . '&limit=60')
   );
   $this->data['limits'][] = array(
	'text'  => 90,
	'value' => 90,
	'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . $url . '&limit=90')
   );
  
   $this->data['limits'][] = array(
	'text'  => 120,
	'value' => 120,
	'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . $url . '&limit=120')
   );
	
   $url = '';

Первый шаг я закомментировал, потому что он у меня совпадает со значением по дефолту.

Дальше где то в районе 340 строки

после

$this->data['pagination'] = $pagination->render();

добавляем

   $this->data['product_total'] = $product_total;

Нам нужно передать общее кол-во товаров из для того чтобы включать отключать панель, когда при выводе у вас товаров меньше минимального лимита.

С контроллером закончили...

Теперь берем шаблон категории..

catalogviewthemedefaulttemplateproductcategory.tpl

И добавляем в него

<?php if ($product_total>30) { ?>

  <div class="product-filter">
	<div class="display"><b><?php echo $text_display; ?></b> <?php echo $text_list; ?> <b>/</b> <a onclick="display('grid');"><?php echo $text_grid; ?></a></div>

<div class="pagination"><?php echo $pagination; ?></div>

  <div class="limit">

  <ul>

	<li><?php echo $text_limit; ?></li>
	
  <?php foreach ($limits as $limites) { ?>

  <li>

		<?php if ($limites['value'] == $limit) { ?>
		<span class="active"><?php echo $limites['text']; ?></a></span>
		<?php } else { ?>
  <a href="<?php echo $limites['href']; ?>"><?php echo $limites['text']; ?></a>
		<?php } ?>

  </li>

  <?php if ($product_total < (int)$limites['value']) break;  ?>

	 <?php } ?>

  </ul>

	</div>


<div class="sort">
<ul>
<li>
Сортировать по:
</li>
<li>
<span   <?php if (($sorts[1]['value'] == $sort . '-' . $order) or ($sorts[2]['value'] == $sort . '-' . $order)) { ?><?php  echo 'class="active"'; ?><?php } ?>><a href="<?php if ($sorts[1]['value'] == $sort . '-' . $order) echo $sorts[2]['href']; else echo $sorts[1]['href']; ?>">названию</a></span>
</li>
<li >
<span   <?php if (($sorts[3]['value'] == $sort . '-' . $order) or ($sorts[4]['value'] == $sort . '-' . $order)) { ?><?php  echo 'class="active"'; ?><?php } ?>><a href="<?php if ($sorts[3]['value'] == $sort . '-' . $order) echo $sorts[4]['href']; else echo $sorts[3]['href']; ?>">цене</a></span>
</li>

<li >
<span   <?php if (($sorts[5]['value'] == $sort . '-' . $order) or ($sorts[6]['value'] == $sort . '-' . $order)) { ?><?php  echo 'class="active"'; ?><?php } ?>><a href="<?php if ($sorts[5]['value'] == $sort . '-' . $order) echo $sorts[6]['href']; else echo $sorts[5]['href']; ?>">рейтингу</a></span>
</li>


</ul>
</div>

  </div>

   <?php } ?>

Вместо

<div class="product-filter">
	<div class="display"><b><?php echo $text_display; ?></b> <?php echo $text_list; ?> <b>/</b> <a onclick="display('grid');"><?php echo $text_grid; ?></a></div>
	<div class="limit"><b><?php echo $text_limit; ?></b>
	  <select onchange="location = this.value;">
		<?php foreach ($limits as $limits) { ?>
		<?php if ($limits['value'] == $limit) { ?>
		<option value="<?php echo $limits['href']; ?>" selected="selected"><?php echo $limits['text']; ?></option>
		<?php } else { ?>
		<option value="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></option>
		<?php } ?>
		<?php } ?>
	  </select>
	</div>
	<div class="sort"><b><?php echo $text_sort; ?></b>
	  <select onchange="location = this.value;">
		<?php foreach ($sorts as $sorts) { ?>
		<?php if ($sorts['value'] == $sort . '-' . $order) { ?>
		<option value="<?php echo $sorts['href']; ?>" selected="selected"><?php echo $sorts['text']; ?></option>
		<?php } else { ?>
		<option value="<?php echo $sorts['href']; ?>"><?php echo $sorts['text']; ?></option>
		<?php } ?>
		<?php } ?>
	  </select>
	</div>
  </div>

Удаляем полностью

<div class="pagination"><?php echo $pagination; ?></div>

И все почти готово.

Осталось немного подправить контроллер пагинации (Это не обязательное действие и если вас устраивают обычные стрелочки-елочки, можете его не трогать)

я просто в нем заккоментировал две строки и поменял вид стрелок.

вот такой вот у меня в итоге получился код в systemlibrarypagination.php

public $total = 0;
public $page = 1;
public $limit = 20;
public $num_links = 5;
public $url = '';
public $text = 'Showing {start} to {end} of {total} ({pages} Pages)';
//public $text_first = '|<';
public $text_first = '';
//public $text_last = '>|';
public $text_last = '';
public $text_next = '→';
public $text_prev = '←';
public $style_links = 'links';
public $style_results = 'results';

По хорошему его надо повырезать ниже, но меня такое решение устроило.

и в catalogviewthemedefaultstylesheetstylesheet.css

добавляем немножко стилей

.sort ul li, .limit  ul li {display: inline-block; color: #777; margin: 0 3px; font-size: 10px;}
.sort ul li a, .limit  ul li a {color: #222; font-size:11px;}
.sort ul li a:hover, .limit  ul li a:hover {text-decoration: none;}
.sort  ul li .active, .limit  ul li .active  {background: #ccc; padding: 1px 4px; color: black; font-weight: bold;}
.sort  ul li .active a, .limit  ul li .active  a{text-decoration: none;}
.sort  ul  a {text-decoration: none;}

И правим стили пагинации.

.pagination {border-top:1px solid #EEE; padding-top:0; display: inline-block; width: 250px; margin-bottom:10px; float: left; margin-left: 10px;}
.pagination .links {float: left;}
.pagination .links a {display: inline-block; padding: 0px 3px; text-decoration: none; color: #A3A3A3;}
.pagination .links b {display: inline-block; padding: 0px 3px; background: #AAA; padding: 1px 4px; color: black; font-weight: bold;}
.pagination .results {display:none; float: right; padding-top: 3px;}

По моему ничего не забыл.

UPD №1: Рекомендации по установке проверены, все работает, если вам что то непонятно - задайте вопрос в ветке, не спамьте личку. Поделочка делалась для себя. Выложил As is. Поддержки и багфикса пока не планируется. С просьбами о допилах и помощи в установке - добро пожаловать в платный раздел.

UPD №2: Файлы приложены для ознакомления и выявления расхождений. Использовать для интеграции не рекомендую, потому что уже не помню сам что в них перепилено было.

UPD №3: Если кто прикрутит на чистую установку и выложит файлы для накатки - будет очень неплохо. Не жмите поделитесь.

category.php

category.tpl.php

pagination.php

freelancer · 2 квітня 2012

так может не рендерить паджинацию когда товаров <30 и они не выводятся?

Yoda · 2 квітня 2012

А зачем она нужна в таком случае ?

Вся эта петрушка отображается только если товаров у вас больше минимального значения вывода на страницу установленного в амдинке магазина. (если товаров 25, а у вас стоит лимит в 30 - то панель просто не отображается).

Тем более ты се можешь навертеть это все как хочешь

freelancer · 2 квітня 2012

ну вот я и спрашиваю, если товаров мало и паджинация не выводится, может не надо её собирать?

вот это условие вынести в контроллер

if ($product_total>30) {
///логика паджинации
} else {
$pagination = false;
}

Yoda · 2 квітня 2012

Вроде как бы и да.. только для юношества - усложнится процесс перепиливания.

DAN · 18 січня 2013

Спасибо, очень пригодилось. Если еще как-нибудь к сортировке стрелочки "вверх" "вниз" прикрутить, что бы было понятно по возрастанию или по убыванию сортировка вообще супер было.

Aniko · 18 січня 2013

Спасибо, очень пригодилось. Если еще как-нибудь к сортировке стрелочки "вверх" "вниз" прикрутить, что бы было понятно по возрастанию или по убыванию сортировка вообще супер было.

Покажите картинку, как у Вас получилось, а то у ТСа не работает она :)

DAN · 18 січня 2013

Вот так получилось. Правда немного правил шаблон отображения.

Ishforz · 29 січня 2013

господа, у меня дефолт - 15 - как его изменить на 10?

остальные заменил

DAN · 30 січня 2013

господа, у меня дефолт - 15 - как его изменить на 10?

остальные заменил

В Админ>Система>Настройки>Изменить>Опции

Элементов на страницу (Витрина): 10

Ishforz · 31 січня 2013

спасибо о всемогущий)

DAN · 17 лютого 2013

Прикрутил к способу Saloyadlukae из первого поста стрелочки вверх/вниз. Правда я оставил сортировку только по названию и цене. Вот что получилось:

Сделал так:

в файле: /catalog/language/russian/product/category.php

добавить:

$_['text_sort_no']	  = '   ';
$_['text_sort_asc']	 = '<span style="color: #FF6666;"> ↑ </span>';
$_['text_sort_desc']	= '<span style="color: #FF6666;"> ↓ </span>';
$_['text_sort_name']	= 'названию';
$_['text_sort_price']   = 'цене';

в файле: /catalog/controller/product/category.php

после:

$this->data['text_limit'] = $this->language->get('text_limit');

добавить:

$this->data['text_sort_name'] = $this->language->get('text_sort_name');
  $this->data['text_sort_price'] = $this->language->get('text_sort_price');
  $this->data['text_sort_no'] = $this->language->get('text_sort_no');

заменить:

$this->data['sorts'][] = array(
'text'  => $this->language->get('text_name_asc'),
'value' => 'pd.name-ASC',
'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '&sort=pd.name&order=ASC' . $url)
  );
  $this->data['sorts'][] = array(
'text'  => $this->language->get('text_name_desc'),
'value' => 'pd.name-DESC',
'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '&sort=pd.name&order=DESC' . $url)
  );
  $this->data['sorts'][] = array(
'text'  => $this->language->get('text_price_asc'),
'value' => 'p.price-ASC',
'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '&sort=p.price&order=ASC' . $url)
  );
  $this->data['sorts'][] = array(
'text'  => $this->language->get('text_price_desc'),
'value' => 'p.price-DESC',
'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '&sort=p.price&order=DESC' . $url)
  );

на это:

$this->data['sorts'][] = array(
'text'  => $this->language->get('text_sort_asc'),
'value' => 'pd.name-ASC',
'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '&sort=pd.name&order=ASC' . $url)
  );
  $this->data['sorts'][] = array(
'text'  => $this->language->get('text_sort_desc'),
'value' => 'pd.name-DESC',
'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '&sort=pd.name&order=DESC' . $url)
  );
  $this->data['sorts'][] = array(
'text'  => $this->language->get('text_sort_asc'),
'value' => 'p.price-ASC',
'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '&sort=p.price&order=ASC' . $url)
  );
  $this->data['sorts'][] = array(
'text'  => $this->language->get('text_sort_desc'),
'value' => 'p.price-DESC',
'href'  => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '&sort=p.price&order=DESC' . $url)
  );

в файле: /catalog/view/theme/default/template/product/category.tpl

заменить:

<span <?php if (($sorts[0]['value'] == $sort . '-' . $order) or ($sorts[1]['value'] == $sort . '-' . $order)) { ?><?php  echo 'class="active"'; ?><?php } ?>><a href="<?php if ($sorts[0]['value'] == $sort . '-' . $order) echo $sorts[1]['href']; else echo $sorts[0]['href']; ?>">названию</a></span>
  <span <?php if (($sorts[2]['value'] == $sort . '-' . $order) or ($sorts[3]['value'] == $sort . '-' . $order)) { ?><?php  echo 'class="active"'; ?><?php } ?>><a href="<?php if ($sorts[2]['value'] == $sort . '-' . $order) echo $sorts[3]['href']; else echo $sorts[2]['href']; ?>">цене</a></span>

на это:

<?php if (($sorts[0]['value'] == $sort . '-' . $order) or ($sorts[1]['value'] == $sort . '-' . $order)) { ?>
 <span class="active">
<?php if ($sorts[0]['value'] == $sort . '-' . $order) { ?>
  <a href="<?php echo $sorts[1]['href']; ?>"><?php echo $text_sort_name; ?><?php echo $sorts[0]['text']; ?></a>
<?php } else { ?>
  <a href="<?php echo $sorts[0]['href']; ?>"><?php echo $text_sort_name; ?><?php echo $sorts[1]['text']; ?></a>
<?php } ?>
 </span>
  <?php } else { ?>
 <span>
<a href="<?php echo $sorts[0]['href']; ?>"><?php echo $text_sort_name; ?><?php echo $text_sort_no; ?></a>
 </span>
  <?php } ?>
  <?php if (($sorts[2]['value'] == $sort . '-' . $order) or ($sorts[3]['value'] == $sort . '-' . $order)) { ?>
 <span class="active">
<?php if ($sorts[2]['value'] == $sort . '-' . $order) { ?>
  <a href="<?php echo $sorts[3]['href']; ?>"><?php echo $text_sort_price; ?><?php echo $sorts[2]['text']; ?></a>
<?php } else { ?>
  <a href="<?php echo $sorts[2]['href']; ?>"><?php echo $text_sort_price; ?><?php echo $sorts[3]['text']; ?></a>
<?php } ?>
 </span>
  <?php } else { ?>
 <span>
<a href="<?php echo $sorts[2]['href']; ?>"><?php echo $text_sort_price; ?><?php echo $text_sort_no; ?></a>
 </span>
  <?php } ?>

Вроде ничего не забыл.

dmal85 · 14 квітня 2015

Добрый день, скажите а как плюсом к этому реализовать чтобы еще сортировка по умолчанию сразу активна была??? Заранее благодарен....

alex0410 · 26 вересня 2015

Странно, что у других работает, а у меня нет.

Notice: Undefined offset: 3 in ...
Notice: Undefined offset: 4 in ...
Notice: Undefined offset: 5 in ...
Notice: Undefined offset: 6 in ...

вот такое у меня. версия ocstore 1.5.4.1

как теперь можно объявить эти переменные в контроллере?

Вхід

Избавляемся от выпадающих списков в фильтре над списком товаров и переносим пагинацию.

Recommended Posts

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

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

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

Вхід

Схожі публікації

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

Покупцям

Розробникам

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

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

Important Information