В расширенном режиме редактирования меню задаете параметр и его значение
далее уже в шаблоне компонента меню обычным программированием с if условием выводите
думаешь Гугл наиипать? он таких умных на патенте вертел
по сабжу:
первым проходом меняешь искомое на СЛУЖЕБНОЕ
вторым формируешь массив замен (чиста па-прастому, но можно и па взрослому, с корпусами)
третьим меняешь СЛУЖЕБНОЕ на элементы массива
Селектор li:hover ~ .active::after можно прочитать так:
выбрать псевдоэлементы after элементов с классом active, которые идут после элемента li, на который навели указатель. Почитать про селектор можно здесь.
