Alex

У вас там какая то библиотека, которая строит эту карту по заданному JSON.
Нужно смотреть эту библиотеку

UPD.
Библиотека Raphael вот тут инициализируется google_yandex/karta/js/init.js
Добавляете новый параметр цвета в JSON например
color: "#fff"

а потом в init.js

colors[obj.id] = paths[country].color

a.forEach.call(a, function(el) {

а серьезно, в первом подходе нет необходимости т.к. "a" и так массив. и первый способ менее читабелен.

1. Для начала почитать про Angular
2. понять как он работает.
3. убрать <?php echo
4. сделать API
5. получить данные в json
6. вывести данные через *ngFor
7. сделать фильтр

В ангуляре пользоваться порядковым номером элемента, странно. Если вы его выводите в цикле, используйте
track by $index
А в клик передавайте этот самый $index

для того чтобы работало как вы хотите, данные должны иметь вид

var categories = {
  'Animals' : 
    { Camel: 'http://pngimg.com/uploads/camel/camel_PNG2920.png' ,
     Elephant: 'https://orig00.deviantart.net/fbb1/f/2014/179/d/6/elephant_png_by_wdwparksgal_stock-d7oegd8.png' }
  ,
  'Fruits' : 
    { Apple: 'http://markbeechmarketing.com/wp-content/uploads/2013/03/GreenApple.png' ,
     Aprikose: 'http://www.boeschbodenspies.com/wp-content/uploads/2017/08/apricot.png' }
  
};

https://angular.io/guide/router#milestone-5-route-...

Разбить на слова и искать каждое слово в каждом столбце через OR

Как делать расширения можно в гугле почитать.
ТО что оно работает в "любом онлайн магазине" очень сомневаюсь.
А так обычный DOM манипулятор, который подставляет коды из известной базы кодов в поле, найденое по Id или class.

У вас box__title по размеру текста.

.box__meta {
    overflow: hidden;
}

Там же все в исходниках есть ...
particleslider.com

Тут нужно angular 5й взять или React.
Без JS короче не обойтись.

console.log(1);
console.log(2);
...

https://www.rbc.ru кросбраузерно

https://codepen.io/Gopard/pen/oprWOo

border-width и border-color в помощь

Это форум называется

или iframe если у этого div есть отдельный адрес
или парсить на сервере страницу и выкусывать этот div

sortType(sort: string, order: string){

обычно страницу результатов делают открытой

Без базы никуда.