MultiTV tplConfig как использовать?

Есть такая структура html (карусель bootstrap 4)
<div id="carouselMain" class="carousel fade" data-ride="carousel">
    <ol class="carousel-indicators carousel-indicators-numbers">
        <li data-target="#carouselMain" data-slide-to="0" class="">1</li>
        <li data-target="#carouselMain" data-slide-to="1" class="">2</li>
        <li data-target="#carouselMain" data-slide-to="2" class="">3</li>
    </ol>
    <div class="carousel-inner">
		<div class="carousel-item ">
			<img class="d-block w-100" src="assets/images/1.jpg" alt="">
		</div>
		<div class="carousel-item">
			<img class="d-block w-100" src="assets/images/1.jpg" alt="">
		</div>
		<div class="carousel-item">
			<img class="d-block w-100" src="assets/images/1.jpg" alt="">
		</div>
	</div>
</div>


Мне непонятно как сделать это с помощью MutiTV. Если не использовать carousel-indicators то делается просто.

Можно извернуться и запустить MultiTV два раза, в одном построить только carousel-indicators, а во втором carousel-inner. Но мне кажется должен быть правильный вариант.

6 комментариев

avatar
Два вызова multitv
avatar

<div id="carouselMain" class="carousel fade" data-ride="carousel">
    <ol class="carousel-indicators carousel-indicators-numbers">
        [[MultiTV? &tvName=`slide` &outerTpl=`@CODE:[+wrapper+]`
&rowTpl=`@CODE:<li data-target="#carouselMain" data-slide-to="[+iteration+]" class="">[+iteration+]</li>`]]
    </ol>
    <div class="carousel-inner">
                 [[MultiTV?  &tvName=`slide` &outerTpl=`@CODE:[+wrapper+]` &rowTpl=`@CODE:  <div class="carousel-item ">
                        <img class="d-block w-100" src="[+image+]" alt="">
                </div>`]]
        </div>
</div>
avatar
C [+iteration+] (row.number) есть проблемы. Так как iteration и row.number начинаются с еденицы, а необходимо в carousel-indicators data-slide-to начинать с нуля. Пока не придумал как исправить.
Комментарий отредактирован 2018-12-11 16:24:20 пользователем Redduck
avatar
Написать небольшой сниппет, который прибавляет или убавляет значение
avatar
'outerTpl' => '<ol class="carousel-indicators carousel-indicators-numbers">[+wrapper+]</ol>',
    'rowTpl' => '<li data-target="#carouselOtzivy" data-slide-to="[[if? &is=`[+iteration+]-1` &math=`on`]]" class="[+row.class+]">[+iteration+]</li>'


Вот так сделал
avatar
Да, нужно два вызова. А tplConfig используется тогда, когда шаблоны указываются прямо в файле конфига (такое нужно, когда используешь PHPThumb). Там синтаксис такой: в вызове пишешь &tplConfig=`test`, то в файле конфига название массива с шаблонами — $settings['templatestest']
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.