CMS DataLife Engine - Система управления сайтами

IgorA100

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

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти