<?php
$argc = array(
'post_type' => 'hotel',
'posts_per_page' => 21,
'tax_query' => array(
array(
'taxonomy' => 'country',
'field' => 'slug',
'terms' => $term_slug
)
),
);
$action_from_count = get_field('action-form-number', 'option');
$query = new WP_Query($argc);
$count = 1;
if ($query->have_posts()) :
while ($query->have_posts()) : $query->the_post(); ?>
<div class="col-lg-4" style="position: relative">
<div class="single-destinations-list style-four">
<a href="<?php the_permalink(); ?>" class="wrapper-link"> </a>
<div class="blur-thumb" style="background-image:url(<?php echo get_the_post_thumbnail_url(); ?>);"></div>
<div class="details">
<p class="location"><img src="<?php echo get_template_directory_uri(); ?>/assets\img\icons\1.png" alt="map"><?php the_field('hotel-region'); ?></p>
<h4 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
<p class="content"><?php echo get_the_excerpt(); ?></p>
<div class="list-price-meta">
<ul class="tp-list-meta d-inline-block">
<!-- <li><i class="fa fa-calendar-o"></i> 8oct</li>-->
<li><i class="fa fa-university"></i> <?php the_field('square'); ?>m2</li>
<li><i class="fa fa-bed"></i> <?php the_field('kol-vo_spalen'); ?></li>
<!-- <?php if ( get_field('bassein')) { ?>
<li><i class="fa fa-bath"></i></li>
<?php } ?>-->
</ul>
<div class="tp-price-meta d-inline-block">
<p>Цена</p>
<h2><?php the_field('price'); ?><span> €</span></h2>
</div>
</div>
</div>
</div>
</div>
<?php
//echo $count%$action_from_count;
if ($count%$action_from_count === 0) {
$count = 0; ?>
<div class="col-12 d-block d-md-none">
<!-- newslatter area Start -->
<div class="newslatter-area pd-top-30">
<div class="container">
<div class="newslatter-area-wrap border-tp-solid">
<div class="row">
<div class=" col-lg-5 offset-lg-1 col-md-5 offset-md-0">
<div class="section-title mb-md-0">
<h3 class="title">Получить каталог</h3>
<p>Подберем для Вас наилучшие варианты</p>
</div>
</div>
<div class="col-lg-5 col-md-7 align-self-center action-form">
<?php
$catalog_form = get_field('country-shortcode', 'option');
echo do_shortcode("$catalog_form");
?>
</div>
</div>
</div>
</div>
</div>
<!-- newslatter area End -->
</div>
<?php }
$count++;
endwhile;
endif;
?>jQuery(function($){
$('#filter').on('click.nice_select', '.nice-select .option:not(.disabled)', function(){
console.log('pre-Success')
$('#response').html('<div class="col-12 text-center"><div class="spinner-border text-warning"></div></div>');
setTimeout(
function()
{
console.log($('#filter-bed').val())
var filter = $('#filter');
$.ajax({
url:filter.attr('action'), // обработчик
data:filter.serialize(), // данные
type:filter.attr('method'), // тип запроса
beforeSend:function(xhr){
filter.find('button').text('Загружаю...'); // изменяем текст кнопки
},
success:function(data){
filter.find('button').text('Применить фильтр'); // возвращаеи текст кнопки
$('#response').html(data);
}
});
}, 1000);
console.log('Success')
//return false;
});
});<form method="post" action="<?php echo site_url() ?>/wp-admin/admin-ajax.php" id="filter" class="row">
<input type="hidden" name="action" value="myfilter">
<input type="hidden" name="country" value="<?php echo $term_slug;?>">
<div class="col-lg-4 col-md-4 order-lg-9">
<div class="tp-search-single-wrap float-left w-100">
<select class="select w-100" name="region">
<option selected value="<?php echo isset($_POST['region']) ? $_POST['region'] : 'none'; ?>"><?php echo isset($_POST['region']) ? $_POST['region'] : 'Выберите район'; ?></option>
<?php
$field_region = "$term_slug-region";
if (have_rows($field_region, 'option')) :
while (have_rows($field_region, 'option')) : the_row(); ?>
<option value="<?php the_sub_field('region'); ?>"><?php the_sub_field('region'); ?></option>
<?php endwhile;
endif;
?>
</select>
<i class="fa fa-map-marker"></i>
</div>
</div>
<div class="col-lg-4 col-md-4 order-lg-9">
<div class="tp-search-single-wrap float-left w-100">
<select name="bed_quantity" class="select w-100" id="filter-bed">
<option selected value="none">Кол-во спален</option>
<option value="1">1 спальня</option>
<option value="2">2 спальни</option>
<option value="3">3 спальни</option>
<option value="4">4 спальни</option>
<option value="5">5 и более спален</option>
</select>
<i class="fa fa-bed"></i>
</div>
</div>
<div class="col-lg-4 col-md-4 order-lg-9">
<div class="tp-search-single-wrap float-left w-100">
<select class="select w-100" name="object_type">
<option value="none">Тип объекта</option>
<option value="apartment">апартаменты</option>
<option value="home">дома</option>
<option value="villa">пентхаусы</option>
<option value="townhouse">таунхаусы</option>
</select>
<i class="fa fa-th-large"></i>
</div>
</div>
<div class="col-lg-4 col-md-4 order-lg-9 mt-md-4">
<div class="tp-search-single-wrap float-left w-100">
<select class="select w-100" name="price">
<option selected value="none">Бюджет</option>
<option value="0-100000">до 100.000 EUR</option>
<option value="100000-200000">100.000 EUR - 200.000 EUR</option>
<option value="200000-300000">200.000 EUR - 300.000 EUR</option>
<option value="300000-500000">300.000 EUR - 500.000 EUR</option>
<option value="500000-+">500.000+ EUR</option>
</select>
<i class="fa fa-eur"></i>
</div>
</div>
<div class="col-lg-4 col-md-4 order-lg-9 mt-md-4">
<div class="tp-search-single-wrap float-left w-100">
<select class="select w-100" name="sea_distance">
<option selected value="none">Растояние до моря, км</option>
<option value="1000">до 1 км</option>
<option value="2000">до 2 км</option>
<option value="5000">до 5км</option>
<option value="6000">6 и более км</option>
</select>
<i class="fa fa-arrows-h"></i>
</div>
</div>
<div class="col-lg-4 col-md-4 order-lg-9 mt-md-4">
<div class="tp-search-single-wrap float-left w-100">
<select class="select w-100" name="bassein">
<option selected value="none">Наличие бассейна</option>
<option value="1">Да</option>
<option value="0">Нет</option>
</select>
<i class="fa fa-tint"></i>
</div>
</div>
</form>_onBtnClick(evt) {
evt.preventDefault();
fetch(URL_SERVER, {
method: Method.POST,
body: JSON.stringify({ phone: getStorage(`user-phone`) }),
headers: new Headers({ 'Content-Type': `application/json` })
})
.then(() => {
document.location.href = '/thnx.html';
});
}Есть предположение, что опция доступна крупным брендам) Пока все что в голову идет.
// templating
var colors = [ 'classic', 'modern', 'plenka', 'massiv', 'plastik' ];
// init Isotope
var $container = $('.container2').isotope({
itemSelector: '.item'
});
var $output = $('#output');
// filter with selects and checkboxes
var $checkboxes = $('#form-ui input');
$checkboxes.change( function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$checkboxes.each( function( i, elem ) {
// if checkbox, use value if checked
if ( elem.checked ) {
inclusives.push( elem.value );
}
});
// combine inclusive filters
var filterValue = inclusives.length ? inclusives.join(', ') : '*';
$output.text( filterValue );
$container.isotope({ filter: filterValue })
});
Спасибо)