Подключаемые к страницам формы оформления заказов и обратных звонков
Вид страницы с подключенными JS и стилями и инициализированным плагином
<html> <head> <!-- init jquery --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <!-- init apishops --> <script src="http://img.apishops.org/SinglePageWebsites/custom/js/apishopsForm.2.js"></script> <link href="http://img.apishops.org/SinglePageWebsites/custom/css/apishopsForm.2.css" rel="stylesheet"> </head> <body> <script> $(document).ready( function() { $('#container2').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=container2> </div> </body> </html>
Для подключения API необходимо подключить файл стилей (apishopsForm.2.css), js файл библиотеки (apishopsForm.2.js), и если на странице не подключен jquery, подключить ещё и jquery (jquery.min.js). После этого можно инициализировать плагин.
apishopsForm.2.css |
<link rel="stylesheet" href="http://img.apishops.org/SinglePageWebsites/custom/css/apishopsForm.2.css"> |
JQuery |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> |
apishopsForm.2.js |
<script src="http://img.apishops.org/SinglePageWebsites/custom/js/apishopsForm.2.js"></script> |
Инициализация первой формы происходит через вызов jquery плагина $(..).apishopsForm({ callback:1,})
. В качестве параметров используется js объект с параметрами.
$(document).ready( function() { $('#container2').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, /*цена товара*/ }); });