Shadowman69

Попробуйте сделать так: элементы меню (то есть li) сделайте инлайн-блочными, а бордер можно сделать друмя вариантами:
- при ховере появляется бордер, которые спозиционирован relative и имеет top: 3px;
- при ховере появляется бордер, через элемент ::after {width: 100%; content: ' '; display: block; background-color: your_color;

Я бы руководствувался тем, какая область Вам в первую очередь интересна - нету универсальных ЯП, каждый язык подходит под решения конкретного круга задач. Если хотите делать сайты, то джава скрипт, если заниматься разработкой под андроид или корпоративных приложеный - то тогда джава. Это раз. Во-вторых, джава сложнее как первый язык программирования. я тоже с нее начинал, но потом переключился на другой язык. К тому же учтите, что с джавой в основном идут работать на конторы, если работать на фрилансе, то довольно длинный цикл взял заказ-сделал работу-получил деньги. С джава скриптом и сайтами порог вхождения ниже, цикл короче, но конкуренция как по мне побольше, но на фрилансе много работы по джава скрипту. Я для себя решил, что буду заниматься вебом и поэтому к джаве не думаю возвращаться)

Я не разбираюсь в опенкарте. но писал самописный сайт на питоне (+ джанго), и причина может быть в том, что Вы может наследуетесь с главной страницы и не включили этот скрипт в наследуемый блок.

Думаю плагин Slick Slider вполне справится с такой задачей, он прост. Смотрите здесь)))
Структура будет примерно следующей:

<div class="container">
            <div class="slider">
                <div class="slider_item">
                    Здесь Ваша разметка
                </div>
                <div class="slider_item">
                    Здесь Ваша разметка
                </div>
                <div class="slider_item">
                    Здесь Ваша разметка
                </div>
            </div>
        </div>

Джава скрипт будет выглядить примерно так:

$(document).ready(function() {
    $('.slider').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        infinite: true,
        dots: true
    });
});

Учтите, что этот плагин работает на основе jQuery, так что сначала подключите его. кружочки-переключатели можно кастомизировать.