1

Всем привет.

Дано http://cq94135.tmweb.ru/ustanovka-avtosignalizatsij/

фильтр http://joxi.ru/KAgePKzCgVRjVm

есть вывод записей ниже

вся логика набрана на advanced custom fields

вот код формы

 <div class="order-filter col-md-8" style="font-size:12px;text-align: right;color: #999;margin: 10px 0;">
            <p><a href=""><i class="fa fa-th"></i></a>&nbsp;&nbsp;<a href=""><i class="fa fa-arrows-v"></i></i></a>&nbsp;&nbsp;
            Показать: 
            <span style="color: #000">
            <select name="view" id="view">
                <option value="all">Все товары</option>
                <option value="16">По 16 шт.</option>
            </select>
            </span> Сортировка: 
            <span style="color: #000">
            <select name="sort" id="sort">
                <option value="pricehi">По цене по возрастанию</option>
                <option value="pricedown">По цене по убыванию</option>
            </select>
            </p>
            </div>

вот код вывода

<?php if ($fields->cat_id): ?>
                    <?php
                    $posts = get_posts(array('category' => $fields->cat_id));
                    //print_array($posts);
                    if ($posts):
                        foreach ($posts AS $p):
                            $f = (object)get_fields($p->ID);
                            //print_array($f);
                            ?>

                            <div class="single_tov box-shadow" price="<?php get_field('new_price'); ?>">
                                <div class="tags">
                                    <?php if($f->gift): ?>
                                    <img src="<?= get_template_directory_uri() ?>/img/tag_gift.png" alt="">
                                    <?php endif; ?>
                                </div>
                                <div class="foto_tov">
                                    <a href="<?= get_permalink($p->ID) ?>"><img src="<?= WP_img_resize($f->slider[0]['url'], 134, 130, true) ?>" alt=""></a>
                                </div>
                                <a href="<?= get_permalink($p->ID) ?>" class="prod_name">

                                    <?php echo get_the_title($p->ID); ?>
                                </a>
                                <div class="prod_desc">
                                    <?= $f->short_desc ?>
                                </div>
                                <div class="price_wrap clearfix">
                                    <?php if ($f->price && $f->old_price):
                                        $old_price = explode(' ', $f->old_price);
                                        $new_price = explode(' ', $f->price);
                                        ?>
                                        <div class="old_price">
                                            <span><?= number_format(@$old_price[0], 0, ',', ' ') ?></span><?= @$old_price[1] ? $old_price[1]  : 'руб.'?>
                                        </div>
                                        <div class="price">
                                            <span><?= number_format(@$new_price[0], 0, ',', ' ') ?></span><?= @$new_price[1] ? $new_price[1] : 'руб.' ?>
                                        </div>
                                    <?php endif; ?>
                                    <?php if ($f->price && !$f->old_price):
                                        $new_price = explode(' ', $f->old_price);
                                        ?>
                                        <div class="price">
                                            <span><?= number_format($new_price[0], 0, ',', ' ') ?></span> <?= $new_price[1] ? $new_price[1] : 'руб.' ?>
                                        </div>
                                    <?php endif; ?>
                                </div>
                                <a href="#product_order" class="popup buy">Заказать установку</a>
                            </div>


                        <?php endforeach; ?>
                    <?php endif; ?>
                <?php endif; ?>

абсолютно ума не приложу, как дальше построить фильтр,перелопатил уйму статей, пока не могу въехать,буду рад любому пинку в нужном направлении

1 ответ 1

0

Вы двигаетесь совсем не в ту сторону...

Вам нужно сделать ajax фильтр, для этого поместите весь html код в форму, в js передавайте выбранные значения в обработчик ВП, а в обработчике вставьте код php...

//это в function.php
function js_variables(){
$variables = array (
    'ajaxurl' => admin_url('admin-ajax.php')
);
    echo(
    '<script type="text/javascript">window.wp_data = 
    '.json_encode($variables).';</script>'
   );
}
add_action('wp_head','js_variables');

//это в файл где будет фильтр значения меняйте на свои
<form action="<?php echo site_url() ?>/wp-admin/admin-ajax.php" method="POST" id="filter">
    <select id="filterposts" name="sort_form" class="selectpicker change-list">
    <option value="значение">текст</option>
    <input type="hidden" name="action" value="myfilter">//значение myfilter передаем в functions можете написать любое имя позже увидите зачем
    </select>
</form>

//В functions.php
function true_filter_function(){
 //это обработчик что вам нужно вывести 
}
add_action('wp_ajax_myfilter <- ВОТ ЭТО СКРЫТОЕ ПОЛЕ', 'true_filter_function'); 
add_action('wp_ajax_nopriv_myfilter <- ВОТ ЭТО СКРЫТОЕ ПОЛЕ', 'true_filter_function');

//js 
$('#filter').change(function(){
            var filter = $(this);
            var info = filter.serialize();
            $.ajax({
                url:window.wp_data.ajaxurl,
                data:info,
                type:filter.attr('method'),
                success:function(data){
                    $('#topost').html(data);
                }
            });
        });

Все подсказки мои удалите, а к контейнеру где выводятся посты добавьте id topost и должно получится, обработчик php сами напишите там не тяжело юзайте query_posts и подставляйте свои аргументы

4
  • спасибо, буду пробовать. true_filter_function похоже не с блога truemisha? )) 13 окт 2017 в 15:55
  • и первый кусок кода понял в функции, второй, который форма в сам шаблон, а третий вместе со скриптом тоже в функции после первого объявления,верно? 13 окт 2017 в 15:57
  • да именно так...
    – Web Desg
    13 окт 2017 в 16:01
  • спасибо, буду пробовать. 13 окт 2017 в 16:27

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.