1) Надо зайти в папку со скриптами (для админ панели):
ПУТЬ_ДО_КОРНЯ_OPENCART/admin/view/javascript/jquery/
2) Закинуть файл (Sortable.js) в эту папку.
Скачать файл сортировки на js (Sortable.js)
3) Затем нам надо отредактировать файл:
ПУТЬ_ДО_КОРНЯ_OPENCART/admin/view/template/module/featured.tpl
добавив туда (не принципиально куда именно) следующие строчки:
<!-- Для сортировки --> <style> .div_product{border-left: 3px solid #777;opacity:1;box-shadow: inset 0px 0px 1px rgba(0,0,0,0.5);} .div_product.sortable-chosen{border-left: 3px solid #ccc;opacity:0.7;} .div_product.sortable-ghost{/*border-left: 3px solid #000;*/} </style> <script type="text/javascript" src="view/javascript/jquery/Sortable.js"></script> <script type="text/javascript"> var list = document.getElementById("featured-product"); new Sortable(list, { onUpdate: function (evt/**Event*/){ //console.log(evt.item); data = $.map($('#featured-product input'), function(element){ return $(element).attr('value'); }); $('input[name=\'featured_product\']').attr('value', data.join()); } }); </script> <!-- /Для сортировки -->