msProducts и верстка

Подскажите пожалуйста, как вывести товары с помощью msproducts в такой верстке:
2020-06-18-17-36-30


<section class="section-b-space addtocart_count">
        <div class="full-box">
            <div class="container">
                <div class="title4">
                    <h2 class="title-inner4">special products</h2>
                    <div class="line"><span></span></div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="theme-card center-align">
                            <div class="offer-slider">
                                <div class="sec-1">
                                    <div class="product-box2">
                                        <div class="media">
                                            <a href="product-page(no-sidebar).html"><img
                                                    class="img-fluid blur-up lazyload"
                                                    src="../assets/images/vegetables/pro/1.jpg" alt=""></a>
                                            <div class="media-body align-self-center">
                                                <div class="rating"><i class="fa fa-star"></i> <i
                                                        class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                                        class="fa fa-star"></i> <i class="fa fa-star"></i></div>
                                                <a href="product-page(no-sidebar).html">
                                                    <h6>Slim Fit Cotton Shirt</h6>
                                                </a>
                                                <h4>$500.00</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-box2">
                                        <div class="media">
                                            <a href="product-page(no-sidebar).html"><img
                                                    class="img-fluid blur-up lazyload"
                                                    src="../assets/images/vegetables/pro/2.jpg" alt=""></a>
                                            <div class="media-body align-self-center">
                                                <div class="rating"><i class="fa fa-star"></i> <i
                                                        class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                                        class="fa fa-star"></i> <i class="fa fa-star"></i></div>
                                                <a href="product-page(no-sidebar).html">
                                                    <h6>Slim Fit Cotton Shirt</h6>
                                                </a>
                                                <h4>$500.00</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 center-slider">
                        <div>
                            <div class="offer-slider">
                                <div>
                                    <div class="product-box product-wrap">
                                        <div class="img-wrapper">
                                            <div class="front">
                                                <a href="product-page(no-sidebar).html"><img
                                                        src="../assets/images/vegetables/pro/9.jpg"
                                                        class="img-fluid blur-up lazyload" alt=""></a>
                                            </div>
                                            <div class="cart-info cart-wrap">
                                                <a href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
                                                        aria-hidden="true"></i></a>
                                                <a href="#" data-toggle="modal" data-target="#quick-view"
                                                    title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
                                                <a href="compare.html" title="Compare"><i class="ti-reload"
                                                        aria-hidden="true"></i></a>
                                            </div>
                                            <div class="addtocart_btn">
                                                <button class="add-button add_cart" title="Add to cart">
                                                    add to cart
                                                </button>
                                                <div class="qty-box cart_qty">
                                                    <div class="input-group">
                                                        <button type="button" class="btn quantity-left-minus"
                                                            data-type="minus" data-field="">
                                                            <i class="fa fa-minus" aria-hidden="true"></i>
                                                        </button>
                                                        <input type="text" name="quantity"
                                                            class="form-control input-number qty-input" value="1">
                                                        <button type="button" class="btn quantity-right-plus"
                                                            data-type="plus" data-field="">
                                                            <i class="fa fa-plus" aria-hidden="true"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-detail text-center">
                                            <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                                    class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                                    class="fa fa-star"></i></div>
                                            <a href="product-page(no-sidebar).html">
                                                <h6>Slim Fit Cotton Shirt</h6>
                                            </a>
                                            <h4>$500.00 <del>$600.00</del></h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="theme-card center-align">
                            <div class="offer-slider">
                                <div class="sec-1">
                                    <div class="product-box2">
                                        <div class="media">
                                            <a href="product-page(no-sidebar).html"><img
                                                    class="img-fluid blur-up lazyload"
                                                    src="../assets/images/vegetables/pro/7.jpg" alt=""></a>
                                            <div class="media-body align-self-center">
                                                <div class="rating"><i class="fa fa-star"></i> <i
                                                        class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                                        class="fa fa-star"></i> <i class="fa fa-star"></i></div>
                                                <a href="product-page(no-sidebar).html">
                                                    <h6>Slim Fit Cotton Shirt</h6>
                                                </a>
                                                <h4>$500.00</h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-box2">
                                        <div class="media">
                                            <a href="product-page(no-sidebar).html"><img
                                                    class="img-fluid blur-up lazyload"
                                                    src="../assets/images/vegetables/pro/5.jpg" alt=""></a>
                                            <div class="media-body align-self-center">
                                                <div class="rating"><i class="fa fa-star"></i> <i
                                                        class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                                        class="fa fa-star"></i> <i class="fa fa-star"></i></div>
                                                <a href="product-page(no-sidebar).html">
                                                    <h6>Slim Fit Cotton Shirt</h6>
                                                </a>
                                                <h4>$500.00</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
Algirdas
18 июня 2020, 14:40
modx.pro
140
0

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

    Algirdas
    18 июня 2020, 17:10
    0
    Почему-то не работает вообще. Вызываю вот так:

    [[!msProducts?
        &parents=`14`
        &toSeparatePlaceholders=`test`
        &tpl=`tpl.productBox`
        ]]
    На странице ничего не выводится. Стоит только убрать &toSeparatePlaceholders=`test` — все выводится (содержимое tpl.productBox). Пытался вызывать &tpl=`` чтобы все плейсхолдеры посмотреть — тоже тишина естественно.

    Еще и ошибка непонятная появляется когда делаю вызовы msproducts и getImageList выше на странице:

    (ERROR @ /var/www/vhosts/site.com/httpdocs/core/xpdo/om/xpdoquery.class.php : 764) Encountered empty IN condition with key id
    Не знаю что именно ее выдает, но если оставить только статичный html то ее нет.
    Максим
    19 июня 2020, 13:52
    0
    Ну если tpl_N уже не работает или он не подходит, так как эти блоки должны повторяться, то можно включить феном, от сниппета получать только список id, а потом уже разбить по разделителю и в форыче заложить ту логику, которая нужна. Хотя я бы предпочел скопировать и подправить сниппет под нужную мне логику.
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      3