Странный глюк с выводом картинки

Всем привет! Что-то я с ума схожу. Беру шаблон, в нем все нормально работает, картинки выводятся. Вот кусок шаблона который меня интересует:

<section id="hot-tour" class="section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-lg-12 col-xl-7 hot-tour-carousel">
                            <div id="hot-tour-carousel" class="carousel slide" data-ride="carousel">
        
                                <div class="carousel-inner">
                                    <div class="carousel-item active">
                                        <img src="images/hot-tour-1.jpg" alt="Los Angeles">
                                    </div>
                                    
                                    <div class="carousel-item">
                                        <img src="images/hot-tour-2.jpg" alt="Chicago">
                                    </div>
                                </div><!-- end carousel-inner -->
                                
                                <a class="left arrow-icons carousel-control-prev" href="#hot-tour-carousel" data-slide="prev">
                                    <span class="glyphicon carousel-control-prev-icon fa fa-arrow-left" aria-hidden="true"></span>
                                    <span class="sr-only">Previous</span>
                                </a>
                                <a class="right arrow-icons carousel-control-next" href="#hot-tour-carousel" data-slide="next">
                                    <span class="glyphicon carousel-control-next-icon fa fa-arrow-right" aria-hidden="true"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div><!-- end hot-tour-carousel -->
                    </div><!-- end columns -->
                    
                    <div class="col-md-12 col-lg-12 col-xl-5 hot-tour-text">
                        <h3>Hot Offer</h3>
                        <h2 class="hot-tour-title">Playa Paraiso, Cuba</h2>
                        <p>2300$ / 2 Persons / 7 Nights</p>
                        <a href="tour-detail-right-sidebar.html" class="btn btn-orange">Book Now</a>
                        <a href="tour-detail-right-sidebar.html" class="btn btn-details">See Details</a>
                    </div><!-- end columns -->
                    
                </div><!-- end row -->
            </div><!-- end container -->
        </section><!-- end hot-tour -->
С ним все хорошо, он работает.

Теперь, вот что мне выводится в браузере, из modx когда я уже натянул этот шаблон:

<section id="hot-tour" class="section-padding">
            <div class="container">
                    <div class="row">
    <div class="col-md-12 col-lg-12 col-xl-7 hot-tour-carousel">
            <div id="hot-tour-carousel" class="carousel slide" data-ride="carousel">

                <div class="carousel-inner">
                   <div class="carousel-item">
    <img src="assets/images/tours/tour1.jpg" alt="Where Great Journeys Begin…">
</div>
<div class="carousel-item">
    <img src="assets/images/tours/tour2.jpg" alt="Where Great Journeys Begin…">
</div>
<div class="carousel-item">
    <img src="assets/images/tours/karon3.jpg" alt="Where Great Journeys Begin…">
</div>
<div class="carousel-item">
    <img src="assets/images/tours/wellness.jpg" alt="Where Great Journeys Begin…">
</div>
<div class="carousel-item">
    <img src="assets/images/tours/wellness2.jpg" alt="Where Great Journeys Begin…">
</div>

                </div><!-- end carousel-inner -->
                
                <a class="left arrow-icons carousel-control-prev" href="#hot-tour-carousel" data-slide="prev">
                    <span class="glyphicon carousel-control-prev-icon fa fa-arrow-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right arrow-icons carousel-control-next" href="#hot-tour-carousel" data-slide="next">
                    <span class="glyphicon carousel-control-next-icon fa fa-arrow-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div><!-- end hot-tour-carousel -->
    </div><!-- end columns -->
    
    <div class="col-md-12 col-lg-12 col-xl-5 hot-tour-text">
        <h3>Hot Offer</h3>
        <h2 class="hot-tour-title">Amazing Almaty</h2>
        <p>$100500 / 2 Persons / 33 Nights</p>
        <a href="amazing-almaty-5-days-/-4-nights" class="btn btn-orange">Book Now</a>
        <a href="amazing-almaty-5-days-/-4-nights" class="btn btn-details">See Details</a>
    </div><!-- end columns -->
    
</div><!-- end row -->
            </div><!-- end container -->
        </section><!-- end hot-tour -->
Лично я не вижу никаких ошибок, но картинки не показываются. Если кликнуть на ссылку, картинка в новом окне открывается.

Вот чанки:

<section id="hot-tour" class="section-padding">
            <div class="container">
                    [[!pdoResources?
                     &parents=`3`
                     &depth=`0`
                     &tpl=`hotTourItem`
                     &includeTVs=`price, country, duration, image`
                     &sortdir=`ASC`
                     &sortby=`RAND()`
                     &limit=`1`
                    ]]
            </div><!-- end container -->
        </section><!-- end hot-tour -->
hotTourItem:
<div class="row">
    <div class="col-md-12 col-lg-12 col-xl-7 hot-tour-carousel">
            <div id="hot-tour-carousel" class="carousel slide" data-ride="carousel">

                <div class="carousel-inner">
                   [[getImageList?
                        &tvname=`images`
                        &tpl=`hotTourItemImageTpl`
                        &limit=`0`
                        &docid=`[[+id]]`
                    ]]
                </div><!-- end carousel-inner -->
                
                <a class="left arrow-icons carousel-control-prev" href="#hot-tour-carousel" data-slide="prev">
                    <span class="glyphicon carousel-control-prev-icon fa fa-arrow-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right arrow-icons carousel-control-next" href="#hot-tour-carousel" data-slide="next">
                    <span class="glyphicon carousel-control-next-icon fa fa-arrow-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div><!-- end hot-tour-carousel -->
    </div><!-- end columns -->
    
    <div class="col-md-12 col-lg-12 col-xl-5 hot-tour-text">
        <h3>Hot Offer</h3>
        <h2 class="hot-tour-title">[[+pagetitle]]</h2>
        <p>$[[+tv.price]] / 2 Persons / 33 Nights</p>
        <a href="[[+uri]]" class="btn btn-orange">Book Now</a>
        <a href="[[+uri]]" class="btn btn-details">See Details</a>
    </div><!-- end columns -->
    
</div><!-- end row -->
И наконец hotTourItemImageTpl:

<div class="carousel-item">
    <img src="[[+image]]" alt="[[+description]]">
</div>
При это если в hotTourItemImageTpl засунуть кусок кода из шаблона
<div class="carousel-item active">
     <img src="assets/images/hot-tour-1.jpg" alt="Los Angeles">
</div>
То картинка выводится. Не смотрите на остальной лишний или левый код, пока не причесывал :) Что за фигня с картинками?
Algirdas
13 февраля 2020, 14:20
modx.pro
242
0

Комментарии: 2

Станислав
13 февраля 2020, 14:34
+1
Судя по коду, нет активного элемента
<div class="carousel-inner">
                                    <div class="carousel-item active">
                                        <img src="images/hot-tour-1.jpg" alt="Los Angeles">
                                    </div>
                                    
                                    <div class="carousel-item">
                                        <img src="images/hot-tour-2.jpg" alt="Chicago">
                                    </div>
                                </div><!-- end carousel-inner -->
класс Active
    Algirdas
    13 февраля 2020, 15:35
    0
    Спасибо! Были у меня подозрения на него, но думал что вряд ли. Но вы оказались правы )

    Сменил содержимое hotTourItemImageTpl на
    <div class="carousel-item [[+_first:is=`1`:then=`active`]]"> 
        <img src="[[+image:phpthumbon=`w=683&h=526&q=40&zc=1`]]" alt="[[+description]]">
    </div>
    И все стало отлично :)
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    2