virus7

$("img").hover(function(){
  $(this).attr('src','ПУТЬ ДО ДРУГОЙ КАРТИНКИ');
});

Как самое простое решение вам подойдет вот этот очень популярный плагин. https://wordpress.org/plugins/contact-form-7/scree...

Составляете форму из необходимых полей, а затем при помощи получившегося шорткода вставляете ее на любую страницу.

.test {
    width: 300px;
    margin: 0 auto;
}

По-хорошему надо грамотно настроить событие в js - чтобы оно проверяло текущую версию/ширину экрана и в зависимости от неё выдавало или не выдавало popup, ну а если что, всегда есть display:none;

.portfolio .portfolio-item:hover .img-item img
уберите transform для этого селекта

Начинаем веселые эксперименты, выбираем что понравилось, не сработало? выбираем другой))):
1) Самый легкий и самый неожиданный - в стили этих ссылок допишем cursor:pointer
2) Самый посредственный - вместо stopPropagation() пишем preventDefault()
3) Самый банальный - меняем click на фен-шуйный $(document).on('click',...)
4) Самый модный - для мобильной версии меняем обработчик на touchstart
5) Самый мощный - оборачиваем все действия в функцию и добавляем ее к ссылке через onclick=""

... варианты из головы кончились

У платной темы в обязательном порядке должна быть инструкция, в которой все и описано. Ты импортировал демо контент? https://vimeo.com/126604420

А так? JQ у меня заржавел давно, так что баги должны быть =) Переписал под существующий там ajax backend

jQuery("#wc_pr_incr_buy").html( "<a href='#'>Оформить покупку</a>" ).click(function(event){

    event.stopPropagation(); //отмена перехода

   var button= prod.find(".add_to_cart_button"),
         id=button.attr("data-product_id"), //получаем id продукта
         sku=button.attr("data-product_sku");

    jQuery.ajax({
    url:"/wp-admin/admin-ajax.php",
    data:"action=woocommerce_add_to_cart&product_id="+id+"&product_sku="+sku+"&quantity=1",
    type:"POST",                
    success: function (data, textStatus) { // вешаем обработчик на функцию success
        window.location.href="/checkout";
    } 
    });
});

в ссылке на оформление можно написать вместо <a href='#'>Оформить покупку</a>  <a href='/magazin?add-to-cart="+prod+"'>Оформить покупку</a>" ради просто "нормальности ссылки" - этот url не учитывается при клике

Иконка задана тут

.woocommerce a.add_to_cart_button.button:before, .woocommerce a.product_type_variable.button:before, .woocommerce a.product_type_grouped.button:before, .woocommerce a.product_type_simple.button:before, .woocommerce div.product form.cart button.single_add_to_cart_button:before { content: "\f07a"; cursor: pointer; /* font-family: FontAwesome; */ font-size: 13px; font-style: normal; font-weight: normal; line-height: 1; padding-right: 4px; position: relative; text-shadow: none; -webkit-font-smoothing: antialiased; color:inherit; speak: none;  }

достаточно будет удалить

.woocommerce div.product form.cart button.single_add_to_cart_button:before