Смена отображения вида в категории (Список товара возможность сортировки) - [VM2&3] Дизайн, оформление

Всем привет! Озадачился реализацией одной функцией: чтоб в категории товаров где выводится список товаров была Сортировка вернее возможность выбора расположения товара ( По 1 товару в строку, по 2 товара и.т.д.) Увидел похожий вариант в шаблоне http://demo.smartaddons.com/#sj-hitech (Не подумайте что реклама). Также реализовано подобное http://www.mijosoftdemo.com/mijoshop/laptops-notebooks рядом с сортировкой! Метод проб и ошибок выдергивания кода из шаблона, принесли больше ошибок и глюков. Обращаюсь к Вам возможно кто-то уже реализовывал или понимает что необходимо! Понимаю что править нужно default.php Многие начинающие создатели сайтов на VirtueMart 2 скажут спасибо за данную реализацию! Сильно не пинайте если подобное уже обсуждалось. Поиском пользовался но нашел только на VirtueMart 1! Интересует  VirtueMart 2.0.18a.

Вот кусок куда из шаблона hitesh. Кнопки появляются но не рабочие!
<div id="option_com">
 
                    <?php //echo $this->orderByList['orderby']; ?>
 
                    <div class="sort_item">
 
                        <div class="sort_by">
 
                            <div class="active-order"><!--<span><?php //echo JTEXT::_('SORT_BY'); ?></span>--><span class="sort-style"><?php echo JTEXT::_('CHOOSE_AN_OPTION'); ?></span><span class="sort-ad" style=""></span></div>
 
                            <div style="display:none;" id="sort-by" class="option-set clearfix" data-option-key="sortBy">
 
                                <a href="#sortBy=original-order" data-option-value="original-order" class="selected"><?php echo JTEXT::_('ORIGINAL_ORDER'); ?></a>
 
                                <a href="#sortBy=random" data-option-value="random"><?php echo JTEXT::_('RANDOM_ORDER'); ?></a>
 
                                <a href="#sortBy=vm_price" data-option-value="vm_price"><?php echo JTEXT::_('PRICE_ORDER'); ?></a>  
 
                                <a href="#sortBy=vm_title" data-option-value="vm_title"><?php echo JTEXT::_('TITLE_ALPHABETICAL'); ?></a>
 
                                <a href="#sortBy=vm_category_name" data-option-value="vm_category_name"><?php echo JTEXT::_('CATEGORY_NAME_ORDER'); ?></a>
 
                                <a href="#sortBy=vm_mf_name" data-option-value="vm_mf_name"><?php echo JTEXT::_('MF_NAME_ORDER'); ?></a>
 
                                <a href="#sortBy=vm_product_s_desc" data-option-value="vm_product_s_desc"><?php echo JTEXT::_('PRODUCT_S_DESC_ORDER'); ?></a>
 
                                <a href="#sortBy=vm_product_in_stock" data-option-value="vm_product_in_stock"><?php echo JTEXT::_('PRODUCT_IN_STOCK_ORDER'); ?></a>
 
                                <a href="#sortBy=vm_product_sku" data-option-value="vm_product_sku"><?php echo JTEXT::_('PRODUCT_SKU_ORDER'); ?></a>                      
 
                              </div>
 
                          </div>
 
                        <div class="sort_direction" style="display:none;">
 
                            <h1>Sort direction</h1>
 
                            <div id="sort-direction" class="option-set clearfix" data-option-key="sortAscending">
 
                                <a href="#sortAscending=true" data-option-value="true" class="sort_ascending selected">sort ascending</a>
 
                                <a href="#sortAscending=false" data-option-value="false" class="sort_descending">sort descending</a>
 
                            </div>
 
                        </div>
 
                    </div>
 
                    <div class="layout-type">
 
                        <a href="javascript: void(0)" class="sort_grid">Table</a>
 
                        <a href="javascript: void(0)" class="sort_listing">Listing</a>
 
                    </div>
 
                </div>