Sn0wSky

Это делается голым html

<form action="http://site.ru/action.php" method = "get" class="pp-popup--email-form">
    <label for="" class="pp-popup--form-label">Email, на который мы отправим купон</label>
    <input type="email" placeholder="Введите email" class="pp-popup--text-input" name = "email">
    <input type="button" class="pp-popup--button" value="Получить промокод">
</form>

В action формы прописываете ссылку на action.php, method = "get"
У инпута прописываете имя, name = "email"

Ну Вы во втором абзаце ответили на свой вопрос.
Есть один php шаблон для всех фильмов, например, который наполняется (видео, описание, название, комментарии и т.п.) в зависимости от get запроса, в котором будет id записи

wp-kama.ru/function/get_ancestors

Подставляйте туда текущую категорию и получите всех родителей

if(is_product_category(){
   // category
} 

if(is_product()){
   // product
}

https://docs.woocommerce.com/document/conditional-tags/

$(".menu-item-search").click(function(e){
    e.preventDefault();
});

Дак открыли бы devTools и посмотрели

Составить диапазоны и условия
для красного что-нибудь из разряда

if ($r > 200 && $g<100 && $b<100 && abs($g-$b)<30){
    echo 'red';
}

Ну и подвигать в зависимости от того, что для Вас красный