Bootstrap HostCMS 6 Как вывести группы магазина по столбцам -Мастер-класс -Блог
Мастер-класс / Февраль 04, 2017
Вывод групп интернет-магазина по столбцам
В видео использован код:
1. Вызов темплейта для групп. Вызывается для всех подгрупп текущей группы. "col-lg-4" - в bootstrap вывод в три колонки.
2. Переменная с числом групп в столбце:
"/shop//shop_group[parent_id = /shop/group]" - обход всех подгрупп текущей группы
"count()" - считаемчисло найденных групп
"div 3" - делим число всех найденных групп на число столбцов, в нашем случае, 3.
"ceiling()" - округляем результат деления до целых в большую сторону.
3. Проверка и закрытие/открытие нового столбца
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"></div><div class="col-lg-4"></xsl:text>
</xsl:if>