6130560
<div id="add-cart-modal-block" class="product-single-container product-single-default product-quick-view container">
    <div class="modal" id="colorPickModal" tabindex="-1" role="dialog" aria-labelledby="colorPickModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title text-center" id="colorPickModalLabel">Выберите цвет</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal" id="askForPriceModal" tabindex="-1" role="dialog" aria-labelledby="colorPickModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title text-center" id="colorPickModalLabel">Выберите цвет</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row">

            <div class="col-md-12">
        <a href="/item/divan-sonata_31789.html" style="text-decoration: none"><h1 class="product-title-in-card">Диван Соната&nbsp;</h1></a>
    </div>
    <div class="col-lg-7 col-md-6 product-single-gallery">

            <div class="product-slider-container product-item">
            <div class="product-single-carousel owl-carousel owl-theme">
                                                        <div class="product-item">
                        <img class="product-single-image" src="/static/cache/fill/700x500/products/31789/-3JiktEfYKTLfvAdzOHx3SO-Mm-2GErZ.jpg" data-zoom-image="/static/cache/resize/1280x-/products/31789/-3JiktEfYKTLfvAdzOHx3SO-Mm-2GErZ.jpg"/>
                    </div>
                                                        <div class="product-item">
                        <img class="product-single-image" src="/static/cache/fill/700x500/products/31789/rVYjhdfpqaJ5G0hXO0z7JORaFLszyufT.jpg" data-zoom-image="/static/cache/resize/1280x-/products/31789/rVYjhdfpqaJ5G0hXO0z7JORaFLszyufT.jpg"/>
                    </div>
                                                        <div class="product-item">
                        <img class="product-single-image" src="/static/cache/fill/700x500/products/31789/114627.jpg" data-zoom-image="/static/cache/resize/1280x-/products/31789/114627.jpg"/>
                    </div>
                                                        <div class="product-item">
                        <img class="product-single-image" src="/static/cache/fill/700x500/products/31789/114628.jpg" data-zoom-image="/static/cache/resize/1280x-/products/31789/114628.jpg"/>
                    </div>
                                                        <div class="product-item">
                        <img class="product-single-image" src="/static/cache/fill/700x500/products/31789/114629.jpg" data-zoom-image="/static/cache/resize/1280x-/products/31789/114629.jpg"/>
                    </div>
                                                        <div class="product-item">
                        <img class="product-single-image" src="/static/cache/fill/700x500/products/31789/114630.jpg" data-zoom-image="/static/cache/resize/1280x-/products/31789/114630.jpg"/>
                    </div>
                                                        <div class="product-item">
                        <img class="product-single-image" src="/static/cache/fill/700x500/products/31789/114631.jpg" data-zoom-image="/static/cache/resize/1280x-/products/31789/114631.jpg"/>
                    </div>
                            </div>
            <!-- End .product-single-carousel -->
            <span class="prod-full-screen">
                <i class="icon-plus"></i>
            </span>
        </div>
        <div class="prod-thumbnail row owl-dots" id='carousel-custom-dots'>
                    <div class="col-3 owl-dot">
                <img src="/static/cache/crop/226x172/products/31789/-3JiktEfYKTLfvAdzOHx3SO-Mm-2GErZ.jpg"/>
            </div>
                    <div class="col-3 owl-dot">
                <img src="/static/cache/crop/226x172/products/31789/rVYjhdfpqaJ5G0hXO0z7JORaFLszyufT.jpg"/>
            </div>
                    <div class="col-3 owl-dot">
                <img src="/static/cache/crop/226x172/products/31789/114627.jpg"/>
            </div>
                    <div class="col-3 owl-dot">
                <img src="/static/cache/crop/226x172/products/31789/114628.jpg"/>
            </div>
                    <div class="col-3 owl-dot">
                <img src="/static/cache/crop/226x172/products/31789/114629.jpg"/>
            </div>
                    <div class="col-3 owl-dot">
                <img src="/static/cache/crop/226x172/products/31789/114630.jpg"/>
            </div>
                    <div class="col-3 owl-dot">
                <img src="/static/cache/crop/226x172/products/31789/114631.jpg"/>
            </div>
            </div>
</div><!-- End .col-lg-7 --><div class="col-lg-5 col-md-6">
    <form id="in-product-form" class="product-action product-all-icons" action="/cart/add?id=31789" method="post">    <div class="product-single-details">
              <div class="code mb-1"></div>
        <div class="ratings-container">
            <div class="product-ratings">
                <span class="ratings" style="width:0%"></span><!-- End .ratings -->
            </div><!-- End .product-ratings -->
        </div><!-- End .product-container -->
                    <div class="price-box d-flex justify-content-between">
                                <span class="product-price align-self-center"><span data-price="in-product" data-original-price="35190">35 190</span> руб.</span>
                <span><button type="submit" class="btn paction add-cart d-inline-block d-md-none mb-0" title="В корзину">В корзину</button> </span>
            </div><!-- End .price-box -->
        
        <div class="product-desc d-none d-md-block">
            <p class="big-text">Диван Соната &ndash; это диван современного стиля, украсит гостиную, детскую комнату, дачу. Практичная модель легко превращается в полноценное спальное место при &nbsp;помощи простого механизма трансформации, предназначенный для ежедневного использования.</p>
        </div>

        <div class="product-filters-container">
                            <div class="product-single-filter">
                    <label>Цвета:</label>
                    <ul class="config-swatch-list">
                                                                                <li>
                                <a
                                    class="color-ref"
                                    href="#product-colors-content"
                                    style="background-image: url(/static/cache/resize/25x25/color/QxbOeWuPtnXEymGMRIaBZHguc8_y2I4S.jpg);"
                                ></a>
                            </li>
                                                                                <li>
                                <a
                                    class="color-ref"
                                    href="#product-colors-content"
                                    style="background-image: url(/static/cache/resize/25x25/color/NBRp6HTrxFKjFNkpeavRDjLqEhyqMgFR.jpg);"
                                ></a>
                            </li>
                                                                                <li>
                                <a
                                    class="color-ref"
                                    href="#product-colors-content"
                                    style="background-image: url(/static/cache/resize/25x25/color/fhhCeOBI5JQDgNi-LgirmF9YvnIX8QzW.jpg);"
                                ></a>
                            </li>
                                            </ul>
                </div><!-- End .product-single-filter -->
            
                        
            
                            <span>
                    <span class="green-text">Срок поставки от 40 дней</span>
                </span>
            
        </div>
        <div class="product-action product-all-icons d-none d-md-flex">
                            <div class="product-single-qty">
                    <div class="form-group field-addtocartform-quantity required">

<input type="text" id="addtocartform-quantity" class="horizontal-quantity form-control" name="AddToCartForm[quantity]" value="1" aria-required="true">

<div class="help-block"></div>
</div>                </div><!-- End .product-single-qty -->
                                        <button type="submit" class="btn paction add-cart" title="В корзину">В корзину</button>            

        </div>

    </div><!-- End .product-single-details -->
    </form></div>

                    <div class="tab-pane col-12" id="product-colors-content" role="tabpanel"
                 aria-labelledby="product-tab-colors"
                 data-container="body"
                 data-toggle="popover"
                 data-placement="top"
                 data-content="Выберите цвет."
            >
                <span id="product-tab-colors" class="h3">Цвета:</span>
                
    
    <div class="border-dark py-3">
        <div class="slideBlock">
            <div class="title">
                <span id="product-tab-colors" class="h4">
                    1-я категория обивки                    <span class="colorgroupprice" data-originalprice="0">
                                                    <span data-price="in-product" data-original-price="35190">35 190</span> руб.                                            </span>
                </span>
            </div>
            <div class="block">
                <div id="productFastViewColorWidget147-_product_colors_fast_view" class="list-view"><div class="row colors-items-wrapper"><div class="col-6 col-md-4 col-xl-5col" data-key="0">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Бинго берри (Велюр)</div>
    <img src="/static/cache/resize/300x300/color/QxbOeWuPtnXEymGMRIaBZHguc8_y2I4S.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054480" data-group="only-one" data-price="35190">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="1">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Бинго графит (Велюр)</div>
    <img src="/static/cache/resize/300x300/color/NBRp6HTrxFKjFNkpeavRDjLqEhyqMgFR.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054482" data-group="only-one" data-price="35190">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="2">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Бинго деним (Велюр)</div>
    <img src="/static/cache/resize/300x300/color/fhhCeOBI5JQDgNi-LgirmF9YvnIX8QzW.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054484" data-group="only-one" data-price="35190">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="3">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Бинго лагун (Велюр)</div>
    <img src="/static/cache/resize/300x300/color/qGbMJ1YPjoFV_6Vp-TsnCNKbjunAa-2k.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054483" data-group="only-one" data-price="35190">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="4">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Бинго ред (Велюр)</div>
    <img src="/static/cache/resize/300x300/color/88E8uvTxAOD_tSwpAbCaoL7SCLMPPz8p.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054488" data-group="only-one" data-price="35190">        Выбрать этот цвет
    </div>
</label>
</div></div><a id="load-more-btn-productFastViewColorWidget147-_product_colors_fast_view" class="show-more-btn btn paction" href="#" ajaxUrl="/colors-widget/load-more?theme=theme_one&amp;productId=31789&amp;viewName=_product_colors_fast_view&amp;idSalt=productFastViewColorWidget&amp;defaultPageSize=5">Показать еще</a></div>            </div>
        </div>
    </div>
    
    <div class="border-dark py-3">
        <div class="slideBlock">
            <div class="title">
                <span id="product-tab-colors" class="h4">
                    2-я категория обивки                    <span class="colorgroupprice" data-originalprice="0">
                                                    <span data-price="in-product" data-original-price="37110">37 110</span> руб.                                            </span>
                </span>
            </div>
            <div class="block">
                <div id="productFastViewColorWidget148-_product_colors_fast_view" class="list-view"><div class="row colors-items-wrapper"><div class="col-6 col-md-4 col-xl-5col" data-key="0">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Катанья 11 (Велюр)</div>
    <img src="/static/cache/resize/300x300/color/WYIRot8_rbZ10fmAJPkiP4XtlI9MsyNq.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054566" data-group="only-one" data-price="37110">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="1">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Катанья 6 (Велюр)</div>
    <img src="/static/cache/resize/300x300/color/POD8R0M_m3aaVD9RYvQTCnJxzSRKpZgT.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054519" data-group="only-one" data-price="37110">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="2">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Медли безе (велюр)</div>
    <img src="/static/cache/resize/300x300/color/tgutrJ9X87ldSm-d4ixNCXvQGhL98xGC.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054535" data-group="only-one" data-price="37110">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="3">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Медли граунд (велюр)</div>
    <img src="/static/cache/resize/300x300/color/s0I6KDvd9mpSEapeZvAeXIWOsYJB42JO.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="23079356" data-group="only-one" data-price="37110">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="4">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Медли какао (велюр)</div>
    <img src="/static/cache/resize/300x300/color/2JsWtr66j8H5oIS9HSSEw1bCnjcqI2I2.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="23078113" data-group="only-one" data-price="37110">        Выбрать этот цвет
    </div>
</label>
</div></div><a id="load-more-btn-productFastViewColorWidget148-_product_colors_fast_view" class="show-more-btn btn paction" href="#" ajaxUrl="/colors-widget/load-more?theme=theme_one&amp;productId=31789&amp;viewName=_product_colors_fast_view&amp;idSalt=productFastViewColorWidget&amp;defaultPageSize=5">Показать еще</a></div>            </div>
        </div>
    </div>
    
    <div class="border-dark py-3">
        <div class="slideBlock">
            <div class="title">
                <span id="product-tab-colors" class="h4">
                    3-я категория обивки                    <span class="colorgroupprice" data-originalprice="0">
                                                    <span data-price="in-product" data-original-price="40720">40 720</span> руб.                                            </span>
                </span>
            </div>
            <div class="block">
                <div id="productFastViewColorWidget149-_product_colors_fast_view" class="list-view"><div class="row colors-items-wrapper"><div class="col-6 col-md-4 col-xl-5col" data-key="0">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Кашемир 974 (велюр)</div>
    <img src="/static/cache/resize/300x300/color/bCP8HMLdTHCu97YsAOHmyCP1MBuh6GoE.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054524" data-group="only-one" data-price="40720">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="1">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Лаунж 10 (шинилл)</div>
    <img src="/static/cache/resize/300x300/color/rRYlbAtL8MKjc0KlYJ4pyKTFjVmhz06X.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054533" data-group="only-one" data-price="40720">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="2">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Лаунж 13 (шинилл)</div>
    <img src="/static/cache/resize/300x300/color/-5ZesiqjpS4dUnE_pPZFRo_wSTirgI-K.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054525" data-group="only-one" data-price="40720">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="3">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Лаунж 14 (шинилл)</div>
    <img src="/static/cache/resize/300x300/color/qhZCVflhBKPvuBqJBuJ4kuML-OBTlKi8.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054530" data-group="only-one" data-price="40720">        Выбрать этот цвет
    </div>
</label>
</div></div></div>            </div>
        </div>
    </div>
    
    <div class="border-dark py-3">
        <div class="slideBlock">
            <div class="title">
                <span id="product-tab-colors" class="h4">
                    4-я категория обивки                    <span class="colorgroupprice" data-originalprice="0">
                                                    <span data-price="in-product" data-original-price="44320">44 320</span> руб.                                            </span>
                </span>
            </div>
            <div class="block">
                <div id="productFastViewColorWidget153-_product_colors_fast_view" class="list-view"><div class="row colors-items-wrapper"><div class="col-6 col-md-4 col-xl-5col" data-key="0">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Гойя блю (Велюр)</div>
    <img src="/static/cache/resize/300x300/color/MyODwQAzrf1GHfP3ArnJDBd8Bya7hvdu.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054508" data-group="only-one" data-price="44320">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="1">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Гойя боне (Велюр)</div>
    <img src="/static/cache/resize/300x300/color/VIbnGoDjyadNCiq4eSgmagqXq67J8nUZ.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054509" data-group="only-one" data-price="44320">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="2">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Гойя графит (Велюр)</div>
    <img src="/static/cache/resize/300x300/color/vxTFpF6HIeSPgBxQNwli_vvlpBQUCGoo.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054510" data-group="only-one" data-price="44320">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="3">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Гойя индиго (Велюр)</div>
    <img src="/static/cache/resize/300x300/color/VoBatc7uPaJ0RkwKHOl4x9g_lJqio6h1.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054511" data-group="only-one" data-price="44320">        Выбрать этот цвет
    </div>
</label>
</div>
<div class="col-6 col-md-4 col-xl-5col" data-key="4">
<label>
    <div class="sm">М Стиль</div>
    <div class="color-name">Гойя крем (Велюр)</div>
    <img src="/static/cache/resize/300x300/color/VK-aVztpUQWILMoThO5FWqUruTpir6cQ.jpg">
    <div class="color-checkbox">
        <input type="checkbox" class="my-radio-checkbox" name="color" value="24054512" data-group="only-one" data-price="44320">        Выбрать этот цвет
    </div>
</label>
</div></div><a id="load-more-btn-productFastViewColorWidget153-_product_colors_fast_view" class="show-more-btn btn paction" href="#" ajaxUrl="/colors-widget/load-more?theme=theme_one&amp;productId=31789&amp;viewName=_product_colors_fast_view&amp;idSalt=productFastViewColorWidget&amp;defaultPageSize=5">Показать еще</a></div>            </div>
        </div>
    </div>
            </div>
            </div>
</div><!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(73589236, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true,
        ecommerce:"dataLayer"
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/73589236" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --><script src="/assets/bd8f9550/jquery.js?v=1694615935"></script>
<script src="/assets/4211730b/yii.js?v=1694615934"></script>
<script src="/assets/4211730b/yii.validation.js?v=1694615934"></script>
<script src="/assets/4211730b/yii.activeForm.js?v=1694615934"></script>
<script src="/assets/d405c8f2/js/productPriceHelper.js?v=1618918536"></script>
<script src="/assets/3d946a24/loadmore.js?v=1618918536"></script>
<script>$('#carousel-custom-dots .owl-dot').click(function () {
    $('.product-single-carousel').trigger('to.owl.carousel', [$(this).index(), 300]);
});
jQuery('#in-product-form').yiiActiveForm([{"id":"addtocartform-quantity","name":"quantity","container":".field-addtocartform-quantity","input":"#addtocartform-quantity","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Необходимо заполнить «Количество»."});}}], []);
$('#load-more-btn-productFastViewColorWidget147-_product_colors_fast_view').loadmore({"pageCount":6,"pageParam":"page","ajaxUrl":"/colors-widget/load-more?theme=theme_one&productId=31789&viewName=_product_colors_fast_view&idSalt=productFastViewColorWidget&defaultPageSize=5"});
$('#load-more-btn-productFastViewColorWidget148-_product_colors_fast_view').loadmore({"pageCount":6,"pageParam":"page","ajaxUrl":"/colors-widget/load-more?theme=theme_one&productId=31789&viewName=_product_colors_fast_view&idSalt=productFastViewColorWidget&defaultPageSize=5"});
$('#load-more-btn-productFastViewColorWidget153-_product_colors_fast_view').loadmore({"pageCount":4,"pageParam":"page","ajaxUrl":"/colors-widget/load-more?theme=theme_one&productId=31789&viewName=_product_colors_fast_view&idSalt=productFastViewColorWidget&defaultPageSize=5"});</script>