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

Иконочный шрифт для направления сортировки публикаций тега {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.

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

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...