Мастер-класс / Февраль 04, 2017

Вывод групп интернет-магазина по столбцам

В видео использован код:
1. Вызов темплейта для групп. Вызывается для всех подгрупп текущей группы. "col-lg-4" - в bootstrap вывод в три колонки.
<div class="shop-groups-list">
    <div class="row">

        <div class="col-lg-4">
            <xsl:apply-templates select="//shop_group[parent_id=/shop/group]"/>
        </div>
    </div>
</div>

2. Переменная с числом групп в столбце:
<xsl:variable name="count_items" select="ceiling(count(/shop//shop_group[parent_id = /shop/group]) div 3)"/>

"/shop//shop_group[parent_id = /shop/group]" - обход всех подгрупп текущей группы
"count()" - считаемчисло найденных групп
"div 3" - делим число всех найденных групп на число столбцов, в нашем случае, 3.
"ceiling()" - округляем результат деления до целых в большую сторону.
3. Проверка и закрытие/открытие нового столбца
<xsl:if test="position() mod $count_items = 0">
    <xsl:text disable-output-escaping="yes">&lt;/div>&lt;div class="col-lg-4"></xsl:text>
</xsl:if>

04.02.2017, 10389 просмотров.

Flickr

Если у Вас возникли вопросы

Задайте все интересующие Вас вопросы нашим операторам, позвонив, или заполнив форму обратной связи. Мы внимательны к своим клиентам! 

Портфолио в картинках