Apishops JS API 2

API позволяет, имея на руках siteId и productId, подключить одну или несколько форм для оформления заказа или заказа обратного звонка совершено на любой своей странице

Упрощенная форма

Подгружает в указанный контейнер поля необходимые для заказа

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://img.apishops.org/SinglePageWebsites/custom/js/apishopsForm.2.js"></script>
<link rel="stylesheet" href="http://img.apishops.org/SinglePageWebsites/custom/css/apishopsForm.2.css">
<script>
    $(document).ready( function() {
        $('#container1').apishopsForm({ callback:1,
                type:'inline', /*тип открытия [inline|modal]*/
                form:'light', /*тип формы [normal|light|jquery-selector]*/
                siteId:10221, /*айди сайта из панели партнера http://www.apishops.com/Webmaster/WebsiteGroup/WebsiteGroupList.jsp */
                productId:632879, /*айди товара из ассортимента на странице http://www.apishops.com*/
                price:1017.41 /*цена товара*/
            });
    });
</script>
<div id=container1>
</div>

Упрощенная форма с информацией о товаре

Подгружает в указанный контейнер поля необходимые для заказа

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://img.apishops.org/SinglePageWebsites/custom/js/apishopsForm.2.js"></script>
<link rel="stylesheet" href="http://img.apishops.org/SinglePageWebsites/custom/css/apishopsForm.2.css">
<script>
    $(document).ready( function() {
        $('#container11').apishopsForm({ callback:1,
                type:'inline', /*тип открытия [inline|modal]*/
                form:'light', /*тип формы [normal|light|jquery-selector]*/
                siteId:10221,
                productId:632879,
                displayed_containers:['picture','price','name'],
                price:1017.41 /*цена товара*/
            });
    });
</script>
<div id=container11>
</div>

Упрощенная форма с информацией о товаре и блок рекомендуемых товаров

Подгружает в указанный контейнер поля необходимые для заказа

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://img.apishops.org/SinglePageWebsites/custom/js/apishopsForm.2.js"></script>
<link rel="stylesheet" href="http://img.apishops.org/SinglePageWebsites/custom/css/apishopsForm.2.css">
<script>
    $(document).ready( function() {
        $('#container11_').apishopsForm({ callback:1,
                type:'inline', /*тип открытия [inline|modal]*/
                form:'light', /*тип формы [normal|light|jquery-selector]*/
                siteId:10221, /*айди сайта из панели партнера http://www.apishops.com/Webmaster/WebsiteGroup/WebsiteGroupList.jsp */
                productId:632879, /*айди товара из ассортимента на странице http://www.apishops.com*/
                displayed_containers:['picture','price','name'],
                price:1017.41, /*цена товара*/
                featured:{
                   container: '#container11__',
                   count:2
                }
            });
    });
</script>
<div id=container11_>
</div>
<div id=container11__>
</div>

Modal обычной формы

Подгружает все возможные параметры заказа в modal-окно, которое открывается при нажатии на кнопку

Заказать товар!

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://img.apishops.org/SinglePageWebsites/custom/js/apishopsForm.2.js"></script>
<link rel="stylesheet" href="http://img.apishops.org/SinglePageWebsites/custom/css/apishopsForm.2.css">
<script>
    $(document).ready( function() {
        $('#button1').apishopsForm({ callback:1,
                type:'modal', /*тип открытия [inline|modal]*/
                form:'normal', /*тип формы [normal|light|jquery-selector]*/
                siteId:10221, /*айди сайта из панели партнера http://www.apishops.com/Webmaster/WebsiteGroup/WebsiteGroupList.jsp */
                productId:632879, /*айди товара из ассортимента на странице http://www.apishops.com*/
                price:1017.41 /*цена товара*/
            });
    });
</script>
<a href="#" id=button1 class="apishopsFormButton apishopsFormBuy">
    <b>Заказать товар!</b>
</a>

Modal упрощенной формы

Подгружает в modal окно поля необходимые для обратного звонка

Заказать

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://img.apishops.org/SinglePageWebsites/custom/js/apishopsForm.2.js"></script>
<link rel="stylesheet" href="http://img.apishops.org/SinglePageWebsites/custom/css/apishopsForm.2.css">
<script>
    $(document).ready( function() {
        $('#button2').apishopsForm({ callback:1,
                type:'modal', /*тип открытия [inline|modal]*/
                form:'light', /*тип формы [normal|light|jquery-selector]*/
                siteId:10221, /*айди сайта из панели партнера http://www.apishops.com/Webmaster/WebsiteGroup/WebsiteGroupList.jsp */
                productId:632879, /*айди товара из ассортимента на странице http://www.apishops.com*/
                price:1017.41 /*цена товара*/
            });
    });
</script>
<a href="#" id=button2 class="apishopsFormButton apishopsFormBuy">
    <b>Обратный звонок!</b>
</a>

Обзор возможностей

Упрощенная форма

Упрощенная форма с информацией о товаре

Упрощенная форма с информацией о товаре и блок рекомендуемых товаров

Modal обычной формы

Modal упрощенной формы