Php Joomla覆盖类别布局

我正在尝试为分类博客文章构建一个新的布局，使用一个砌体布局来显示博客文章预览

我创建了3个文件：bloglayoutalternativo.php、bloglayoutalternativo.xml和bloglayoutalternativo_item.php

我在blogalternative.php中编写了如下代码：

<div itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
    <div class="event-container">
        <ul class="event-main-box clearfix<?php echo $moduleclass_sfx; ?>">
            <?php
                $i = 0;

                foreach ($this->items as $key => &$item) {
                    if($i%2 == 0)
                    {
                        $class = 'item col-xs-6 col-md-4';
                    }
                    else
                    {
                        $class = 'item col-xs-6 col-md-8';
                    }
                    $i++;
                ?>
                <li class="<?php echo $class; ?>" itemscope itemtype="https://schema.org/BlogPosting">
                    <figure>
                        <a href="<?php echo $this->link; ?>" class="more-details" itemprop="url">
                            <img src="<?php echo json_decode($item->images)->image_intro; ?>" alt="<?php echo $item->title; ?>"/>
                        </a>
                        <figcaption>
                            <a href="<?php echo $this->link; ?>" itemprop="url">
                                <span class="title-box">
                                    <span class="title" itemprop="name"><?php echo $item->title; ?></span>
                                    <span class="sub-title"><?php echo $item->category_title; ?></span>
                                </span>
                                <span class="desc">
                                    <?php echo substr(strip_tags($item->introtext),0,75);?><?php echo '...' ?>
                                </span>
                            </a>
                        </figcaption>
                    </figure>
                </li>
            <?php } ?>
        </ul>
    </div>
</div>