ligisayan

define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false);

1. Возвращать верстку всплывашки вместе с результатами формы
   
2. Использовать возможности ES6 - шаблонные строки и вставлять результаты запроса в шаблон и выводить на экран
   

$(document).ready(function(){
	$('#order').submit(function(){ // по кнопке отправки данных формы 
            	$.ajax({  //обратываем ее без перехода в php-файл 
                 //  ... показываем модальнео окно и что угодно в нем

function callback(event) {
    // Provided by the core
    var element   = event.target;         // DOM element, in this example .owl-carousel
    var name      = event.type;           // Name of the event, in this example dragged
    var namespace = event.namespace;      // Namespace of the event, in this example owl.carousel
    var items     = event.item.count;     // Number of items
    var item      = event.item.index;     // Position of the current item
    // Provided by the navigation plugin
    var pages     = event.page.count;     // Number of pages
    var page      = event.page.index;     // Position of the current page
    var size      = event.page.size;      // Number of items per page
}

.product-frame:hover
{
    background: rgba(255,255,255,.7);
}

$('#addBtn').on('click', function(e) {
  e.preventDefault();
  $('#fix-bot').show();
});

#fix-bot {
  display: none;
}

var btn = document.getElementById('addBtn'),
    fixBot = document.getElementById('fix-bot');

btn.addEventListener('click', function(e) {
  e.preventDefault();
  fixBot.style.display = 'block';
});