IgorA100 90 Опубликовано: 29 мая 2018 Рассказать Опубликовано: 29 мая 2018 Как известно панель управления сортировкой формируется тегами: [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. Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.