<?
$mainBanner = array();
$arSelect = Array("ID", "IBLOCK_ID", "NAME", "CODE", "DATE_ACTIVE_FROM","PROPERTY_*");//IBLOCK_ID и ID обязательно должны быть указаны, см. описание arSelectFields выше
$arFilter = Array("IBLOCK_ID"=>IntVal(IB_BANNER_MID_RIGHT), "ACTIVE_DATE"=>"Y", "ACTIVE"=>"Y");
$res = CIBlockElement::GetList(Array("SORT"=>"asc"), $arFilter, false, Array("nPageSize"=>50), $arSelect);
while($ob = $res->GetNextElement())
{
    $ar_res = $ob->GetFields();
    $arProps = $ob->GetProperties();
    $productID = $arProps["PRODUCT"]["VALUE"];
    $product=array();


    $arSelect1 = Array("ID", "IBLOCK_ID", "*","PROPERTY_*");//IBLOCK_ID и ID обязательно должны быть указаны, см. описание arSelectFields выше
    $arFilter1 = Array("IBLOCK_ID"=>IntVal(IB_CATALOG),"ID"=> $productID,"ACTIVE_DATE"=>"Y", "ACTIVE"=>"Y");
    $res1 = CIBlockElement::GetList(Array("SORT"=>"asc"), $arFilter1, false, Array("nPageSize"=>50), $arSelect1);


    if($ar_res1 = $res1->GetNextElement()->GetFields()){
        $product = array(
            "NAME"=>$ar_res1["NAME"],
            "IMG"=>CFile::GetPath($ar_res1["DETAIL_PICTURE"]),
            "LINK"=>$ar_res1["DETAIL_PAGE_URL"],
            "PRICE"=>CPrice::GetBasePrice($productID)["PRICE"]
        );
    }
//        pre($ar_res1);

    $mainBanner [$ar_res["CODE"]] = array(
        "PRODUCT"=>$product,
    );
//    pre($arProps);
}

//pre($mainBanner);
?>
<div id="push-group-element"
     class="products-block new-products pull-right lbt-component">
    <h2>Мы рекомендуем</h2>
    <ul class="unstyled focus-push-block">
        <li><a href="<?=$mainBanner[1]["PRODUCT"]["LINK"]?>">
            <div id="prod-push-3259" class="prod-ctn lbt-component jsProdPopin"
                 style="width:214px; height: 187px;background: url('ru/media/wysiwyg/Pages/Home/Products/Cradle2018/background/1.jpg') no-repeat;">
                <button class="as-link view-product" data-popin-data='{"name":"Кофе бленд Envivo Lungo ","product_id":"365",
                    "moreInformation":{"name":"Подробнее","url":"https://www.nespresso.com/ru/ru/coffee-capsules/envivo?ref=home-ru-mosaic-01"},
                    "image":{"url":"https://www.nespresso.com/ru/media/catalog/product/cache/1/image/1800x/040ec09b1e35df139433887a97daa66f/7/6/7654.50.png"},
                    "allTheProducts":{"name":"Все кофе-капсулы Nespresso","url":"https://www.nespresso.com/ru/ru/coffee-capsules?ref=home-ru-mosaic-02"},
                    "primaryPrice":{"value":"33,00 руб."},
                    "addToCartButton":{"step":10,"max":9999,"useCustomThirdLine": false}}'>

                    <img alt=""
                         src="<?=$mainBanner[1]["PRODUCT"]["IMG"]?>"
                         width="121" height="121">
                    <span class="prod-info">
                        <strong><?=$mainBanner[1]["PRODUCT"]["NAME"]?></strong>
                        <?=$mainBanner[1]["PRODUCT"]["PRICE"]?> грн
                    </span>

                    <span class="icon"></span>
                </button>
            </div>
            </a>
        </li>
        <li><a href="<?=$mainBanner[2]["PRODUCT"]["LINK"]?>">
            <div id="prod-push-3257" class="prod-ctn lbt-component jsProdPopin"
                 style="width:214px; height: 187px;background: url('ru/media/wysiwyg/Pages/Home/Products/Cradle2018/background/2.jpg') no-repeat;">
                <button class="as-link view-product" data-popin-data='{"name":"Кофе бленд Arpeggio Decaffeinato", "product_id":"283",
                        "moreInformation":{"name":"Подробнее","url":"https://www.nespresso.com/ru/ru/coffee-capsules/arpeggio-decaffeinato?ref=home-ru-mosaic-03"},
                        "image":{"url":"https://www.nespresso.com/ru/media/catalog/product/cache/1/image/1800x/040ec09b1e35df139433887a97daa66f/7/6/7644.50.png"},
                        "allTheProducts":{"name":"Все кофе-капсулы Nespresso","url":"https://www.nespresso.com/ru/ru/coffee-capsules?ref=home-ru-mosaic-03"},
                        "primaryPrice":{"value":"33,00 руб."},
                        "addToCartButton":{"step":10,"max":9999,"useCustomThirdLine":false}}'>
                    <img alt=""
                         src="<?=$mainBanner[2]["PRODUCT"]["IMG"]?>"
                         width="121" height="121">
                    <span class="prod-info"><strong><?=$mainBanner[2]["PRODUCT"]["NAME"]?></strong>
                        <?=$mainBanner[2]["PRODUCT"]["PRICE"]?> грн
                    </span>
                    <span class="icon"></span>
                </button>
            </div>
            </a>
        </li>
        <li><a href="<?=$mainBanner[3]["PRODUCT"]["LINK"]?>">
            <div id="prod-push-3258" class="prod-ctn lbt-component jsProdPopin"
                 style="width:214px; height: 187px;background: url('ru/media/wysiwyg/Pages/Home/Products/Cradle2018/background/3.jpg') no-repeat;">
                <button class="as-link view-product" data-popin-data='{"name":"Печенье Cantuccini","product_id":"18",
                        "moreInformation":{"name":"Подробнее","url":"https://www.nespresso.com/ru/ru/accessories/cantuccini?ref=home-ru-mosaic-02"},
                        "image":{"url":"https://www.nespresso.com/ru/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/3/2/3265.png"},
                        "allTheProducts":{"name":"Все десерты Nespresso","url":"https://www.nespresso.com/ru/ru/accessories?cat=21&ref=home-ru-mosaic-02"},
                        "primaryPrice":{"value":"500 ,00 руб."},
                        "addToCartButton":{"step":1,"max":9999,"useCustomThirdLine":false}}'>
                    <img alt=""
                         src="<?=$mainBanner[3]["PRODUCT"]["IMG"]?>"
                         width="121" height="121">
                    <span class="prod-info"><strong><?=$mainBanner[3]["PRODUCT"]["NAME"]?></strong>
                        <?=$mainBanner[3]["PRODUCT"]["PRICE"]?> грн
                    </span>
                    <span class="icon"></span>
                </button>
            </div>
            </a>
        </li>
        <li><a href="<?=$mainBanner[8]["PRODUCT"]["LINK"]?>">
            <div id="prod-push-D30-EU-WH-DL"
                 class="prod-ctn lbt-component jsProdPopin"
                 style="width:429px; height: 375px;background: url('ru/media/wysiwyg/Pages/Home/Products/Cradle2018/background/4.jpg') no-repeat;">
                <button class="as-link view-product" data-popin-data='{"name":"Кофемашина Кофемашина Lattissima One Silky White","product_id":"514",
                        "moreInformation":{"name":"Подробнее","url":"https://www.nespresso.com/ru/ru/coffee-machines/lattissima-one-silky-white?ref=home-ru-mosaic-04"},
                        "image":{"url":"https://www.nespresso.com/ru/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/1/_/1_1_1.png"},
                        "allTheProducts":{"name":"Все кофемашины Nespresso","url":"https://www.nespresso.com/ru/ru/coffee-machines?ref=home-ru-mosaic-04"},
                        "primaryPrice":{"value":"19990,00 руб."},
                        "addToCartButton":{"step":1,"max":9999,"useCustomThirdLine":false}}'>
                    <img alt=""
                         src="<?=$mainBanner[8]["PRODUCT"]["IMG"]?>"
                         width="220" height="263">
                    <span class="prod-info large"><strong><?=$mainBanner[8]["PRODUCT"]["NAME"]?></strong>
                        <?=$mainBanner[8]["PRODUCT"]["PRICE"]?> грн
                    </span>
                    <span class="icon"></span>
                </button>
            </div>
            </a>
        </li>
        <li><a href="<?=$mainBanner[4]["PRODUCT"]["LINK"]?>">
            <div id="prod-push-3648/2" class="prod-ctn lbt-component jsProdPopin"
                 style="width:214px; height: 187px;background: url('ru/media/wysiwyg/Pages/Home/Products/Cradle2018/background/5.jpg') no-repeat;">
                <button class="as-link view-product" data-popin-data='{"name":"Набор чашек View Mug","product_id":"528",
                        "moreInformation":{"name":"Подробнее","url":"https://www.nespresso.com/ru/ru/accessories/view-mugs-new?ref=home-ru-mosaic-05"},
                        "image":{"url":"https://www.nespresso.com/ru/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/v/i/view_mug_2017_600_600_rev2.png"},
                        "allTheProducts":{"name":"Аксессуары Nespresso","url":"https://www.nespresso.com/ru/ru/accessories?ref=home-ru-mosaic-06"},
                        "primaryPrice":{"value":"1650,00 руб."},
                        "addToCartButton":{"step":1,"max":9999,"useCustomThirdLine":false}}'>
                    <img alt=""
                         src="<?=$mainBanner[4]["PRODUCT"]["IMG"]?>"
                         width="121" height="121">
                    <span class="prod-info"><strong><?=$mainBanner[4]["PRODUCT"]["NAME"]?></strong>
                        <?=$mainBanner[4]["PRODUCT"]["PRICE"]?> грн
                    </span>
                    <span class="icon"></span>
                </button>
            </div>
            </a>
        </li>
        <li><a href="<?=$mainBanner[5]["PRODUCT"]["LINK"]?>">
            <div id="prod-push-3651/2" class="prod-ctn lbt-component jsProdPopin"
                 style="width:214px; height: 187px;background: url('ru/media/wysiwyg/Pages/Home/Products/Cradle2018/background/6.jpg') no-repeat;">
                <button class="as-link view-product" data-popin-data='{"name":"Набор чашек View Lungo","product_id":"526",
                        "moreInformation":{"name":"Подробнее","url":"https://www.nespresso.com/ru/ru/accessories/2-lungo-cups-2-saucers?ref=home-ru-mosaic-06"},
                        "image":{"url":"https://www.nespresso.com/ru/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/v/i/view_lungo_2017_600_600_rev2.png"},
                        "allTheProducts":{"name":"Аксессуары Nespresso","url":"https://www.nespresso.com/ru/ru/accessories?ref=home-ru-mosaic-06"},
                        "primaryPrice":{"value":"1450,00 руб."},
                        "addToCartButton":{"step":1,"max":9999,"useCustomThirdLine":false}}'>
                    <img alt=""
                         src="<?=$mainBanner[5]["PRODUCT"]["IMG"]?>"
                         width="121" height="121">
                    <span class="prod-info"><strong><?=$mainBanner[5]["PRODUCT"]["NAME"]?></strong>
                        <?=$mainBanner[5]["PRODUCT"]["PRICE"]?> грн
                    </span>
                    <span class="icon"></span>
                </button>
            </div>
            </a>
        </li>
        <li><a href="<?=$mainBanner[7]["PRODUCT"]["LINK"]?>">
            <div id="prod-push-3596-EU-CK-NE"
                 class="prod-ctn lbt-component jsProdPopin"
                 style="width:429px; height: 187px;background: url('ru/media/wysiwyg/Pages/Home/Products/Cradle2018/background/7.jpg') no-repeat;">
                <button class="as-link view-product" data-popin-data='{"name":"Лимитированное блюдце Cradle","product_id":"618",
                        "moreInformation":{"name":"Подробнее","url":"https://www.nespresso.com/ru/ru/accessories/limited-edition-small-bowl-cradle?ref=home-ru-mosaic-07"},
                        "image":{"url":"https://www.nespresso.com/ru/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/s/m/small_bowl_limited_edition_view_collection_600_600.png"},
                        "allTheProducts":{"name":"Аксессуары Nespresso","url":"https://www.nespresso.com/ru/ru/accessories?ref=home-ru-mosaic-07"},
                        "primaryPrice":{"value":"600,00 руб."},
                        "addToCartButton":{"step":1,"max":9999,"activated":true,"quantitySelector":true,"useCustomThirdLine":false}}'>
                    <img alt=""
                         src="<?=$mainBanner[7]["PRODUCT"]["IMG"]?>"
                         width="121" height="121">
                    <span class="prod-info"><strong><?=$mainBanner[7]["PRODUCT"]["NAME"]?></strong>
                        <?=$mainBanner[7]["PRODUCT"]["PRICE"]?> грн
                    </span>
                    <span class="icon"></span>
                </button>
            </div>
            </a>
        </li>
        <li><a href="<?=$mainBanner[6]["PRODUCT"]["LINK"]?>">
            <div id="prod-push-3407" class="prod-ctn lbt-component jsProdPopin"
                 style="width:214px; height: 187px;background: url('ru/media/wysiwyg/Pages/Home/Products/Cradle2018/background/8.jpg') no-repeat;">
                <button class="as-link view-product" data-popin-data='{"name":"Набор чашек VIEW Cappuccino","product_id":"527",
                        "moreInformation":{"name":"Подробнее","url":"https://www.nespresso.com/ru/ru/accessories/view-cappuccino-new?ref=home-ru-mosaic-08"},
                        "image":{"url":"https://www.nespresso.com/ru/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/v/i/view_cappuccino_2017_600_600_rev2.png"},
                        "allTheProducts":{"name":"Аксессуары Nespresso","url":"https://www.nespresso.com/ru/ru/accessories?ref=home-ru-mosaic-08"},
                        "primaryPrice":{"value":" 1 550,00 руб."},
                        "addToCartButton":{"step":1,"max":9999,"useCustomThirdLine":false}}'>
                    <img alt=""
                         src="<?=$mainBanner[6]["PRODUCT"]["IMG"]?>"
                         width="121" height="121">
                    <span class="prod-info "><strong><?=$mainBanner[6]["PRODUCT"]["NAME"]?></strong>
                        <?=$mainBanner[6]["PRODUCT"]["PRICE"]?> грн
                    </span>
                    <span class="icon"></span>
                </button>
            </div>
            </a>
        </li>
    </ul>
</div>