{set $items = $_modx->resource.tariff_list_service | fromJSON}
{foreach $items as $item}
    <div class="tariff-plan-item">
    <div class="tariff-plan-item__c" style="background-color: {$item.hex_color};">
        <div class="tariff-plan-item__body">
            <div class="tariff-plan-item__img">
                <img src="{$item.image}">
            </div>
            <div class="list-title">179 грн/мес</div>
            <div class="tariff-plan-item__title" style="text-transform: uppercase;">{$item.title}</div>
            <div class="tariff-plan-item__list">
                <div class="list-title">{$item.short_descr}</div>
            </div>
        </div>
        <div class="tariff-plan-item__footer text-center">
            <button class="btn-black open-order">Підключити</button>
        </div>
    </div>
    <div class="hide">
        <div class="popup-tariff-c">
            <ul class="list checked popup-tariff-list">
                {set $rows = $item.checked_list | fromJSON}
                {foreach $rows as $row}
                <li>{$row.title}</li>
                {/foreach}
            </ul>
        </div>
        {if $item.channels}
        <div class="channels-wrap">
            <div class="channels-tabs">
                <div class="channels-tabs-overflow">
                    <ul class="channels-tabs-nav">
                        {set $packages = $item.packages | fromJSON}
                        {foreach $packages as $idx => $package}
                        <li class="channels-tabs-nav-item {if $idx == 0}active{/if}">
                            <span>{$package.title}</span>
                        </li>
                        {/foreach}
                    </ul>
                </div>
                <div class="channels-tabs-content-all">
                    {foreach $packages as $idx => $package}
                    <div class="channels-tabs-content {if $idx == 0}active{/if}">
                        <div class="channels-logo">
                            {set $logos = $package.logos | fromJSON}
                            {foreach $logos as $logo}
                            <div class="channels-logo-item">
                                <img src="{$logo.image}">
                            </div>
                            {/foreach}
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
        {/if}
    </div>
</div>
{/foreach}

            'element' => 'msProducts',
            'pageLimit' => '7',
            'limit' => '0',
            'parents' => '3',
            'resources' => '
             $_modx->runSnippet('!mSearch2', [
             'returnIds' => 'true',
            'limit' => '0',
              ])           
             ',
            'tpl' => '@FILE chunks/page/tpl_product.tpl'

        ])}