Question

我有一个展示一些产品的网站。像许多其他网站一样，我正在尝试过滤结果。我有一个彩色滤光片。我正在显示颜色缩略图，选择任何颜色缩略图后，页面将重定向并加载具有该颜色的产品。现在，我有一个额外的<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>

感谢您的帮助。

Answer 1

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

<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>

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

1 个答案: