Перейти к публикации

Иконочный шрифт для направления сортировки публикаций тега {sort}


Рекомендованные сообщения

Как известно панель управления сортировкой формируется тегами:

[sort] {sort} [/sort]

А значок направления сортировки выводится при помощи картинки. Если в дизайне используются иконочные шрифты, то можно их использовать.

Достаточно прописать скрипт в свой шаблон:

<script>
	$(document).ready(function(){
	  /*Делаем свой стль направления сортировки*/
	  $('ul.sort').each(function(){
		  var pos = 'right'; // left или right. т.е. слева или справа от надписи вставлятьиконку
		  var asc = $(this).find('li.asc');
		  var a_asc = asc.find('a');
		  var desc = $(this).find('li.desc');
		  var a_desc = desc.find('a');
		  if(asc){
			  var a_asc_html = a_asc.html();
			  if (pos == 'right'){
				a_asc.html(a_asc_html + '<i class="text-success icon-line-arrow-down"></i>');
			  } else {
				a_asc.html('<i class="text-success icon-line-arrow-down"></i>' + a_asc_html);
			  }
		  }
		  if(desc){
			  var a_desc_html = a_desc.html();
			  if (pos == 'right'){
				a_desc.html(a_desc_html + '<i class="text-success icon-line-arrow-up"></i>');
			  } else {
				a_desc.html('<i class="text-success icon-line-arrow-up"></i>' + a_desc_html);
			  }
		  }
	  });
	});
</script>

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

Остальное все правится стилями CSS.

Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
×
×
  • Создать...