Изменить панель сортировки. Вместо выпадающего списка - ряд ссылок.

[aleksey_krivoru]

Добрый день!

Подскажите пожалуйста, каким образом можно заменить выпадающий список на ряд ссылок / кнопок. Пример: 

https://drive.google.com/file/d/14hxm_4aGFh-kvQ6-gXe_kjELg3rtvvPU/view?usp=sharing 

Пытался стилями править select но не вышло, видимо нужно новое html/php решение.

Код цикла из app/design/frontend/*Vendor*/*Theme*/Magento_Catalog/templates/product/list/toolbar/sorter.phtml

    <div class="control">
        <select id="sorter" data-role="sorter" class="sorter-options" data-mage-init='{"selectize":{}}'>
            <?php foreach ($block->getAvailableOrders() as $_key => $_order): ?>
                <option value="<?php echo $_key; ?>"
                    <?php if ($block->isOrderCurrent($_key)): ?>
                        selected="selected"
                    <?php endif; ?>
                    >
                    <?php echo $block->escapeHtml(__($_order)) ?>
                </option>
            <?php endforeach; ?>
        </select>
    </div>

Большое спасибо за ответы.

[aleksey_krivoru]

Решение найдено: создать ряд кнопок с помощью javascript на основе необохдимого select=а.

Инструкция:

https://www.w3schools.com/howto/howto_custom_select.asp