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

IgorA100

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

Recommended Posts

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

[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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now