Сортировка товаров в модуле "Рекомендуемые" OpenCart (Sortable.js)

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>
<!-- /Для сортировки -->