所选过滤器应显示在活动过滤器列表中

时间:2018-07-20 18:05:44

标签: php html5

我有一个展示一些产品的网站。像许多其他网站一样,我正在尝试过滤结果。我有一个彩色滤光片。我正在显示颜色缩略图,选择任何颜色缩略图后,页面将重定向并加载具有该颜色的产品。现在,我有一个额外的<div>,在其中显示了活动颜色的缩略图。因此,一旦用户选择了彩色缩略图,它将重新加载带有彩色滤光产品的页面,并且所选的缩略图应该在活动过滤器div中可见。我该怎么办?

以下是我的代码:

<?
    $uri = $this->web->uri;
    if (!strrpos($this->web->uri, '?')){
        $uri .= '?';
    } else {
        $uri .= '&';
    }
?>
<div class='filter'>
    <p class='filter_title'>Colors</p>

    <div class='colors'>
        <? foreach ($model->allColors as $color) { ?>
            <a href="<?=$uri.'color='.$color->id?>" class='color' style="background-image:url(<?=$color->getThumbnail();?>)" >
            </a>
        <? } ?>
    </div>

    <div class='active_colors'>
        <p class='filter_p'>Active colors</p>
        <div class='act_color'>
            //Here where I want the selected color thumbnail.
        </div>
    </div>
</div>

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

只要选择另一个缩略图,就可以循环打印一次。

<div class='filter'>
    <p class='filter_title'>Colors</p>

    <div class='colors'>
        <? foreach ($model->allColors as $color) { ?>
        <a href="<?= $uri.'color'.$color->id.'=1' ?>" class='color' style="background-image:url(<?= $color->getThumbnail(); ?>)" >
        </a>
        <? } ?>
    </div>

    <div class='active_colors'>
        <p class='filter_p'>Active colors</p>
        <div class='act_color'>
            //Here where I want the selected color thumbnail.
            <? foreach ($model->allColors as $color) : ?>
               <? if(isset($_GET['color'.$color->id] ): ?>
                  <a href="<?= $uri ?>" class='color' style="background-image:url(<?= $color->getThumbnail(); ?>)" ></a>
               <? endif; ?>
            <? endforeach; ?>
        </div>
    </div>
</div>