Подключаемые к страницам формы оформления заказов и обратных звонков
Рекомендуемые товары
В собственным лендингах
В новой версии нашего плагина мы добавили возможность отображения рекомендуемых от Apishops товаров. И если вы уже используете нашу форму и добавите к параметрам инициализации ещё и параметр featured
равным { container: '#featureconatiner', count:3 }
, то в контейнере #featureconatiner
наш плагин разместит три рекомендуемых товара.
Для отображения блока рекомендуемых товаров, к стандартной инициализации плагина нужно добавить всего один обязательный параметр featured.container
, и он укажет нашему плагину где должны расположиться рекомендуемы товары.
Пример:
<script> $('#containerid').apishopsForm({ callback:1, type:'inline', /*тип открытия [inline|modal]*/ form:'light', /*тип формы [normal|light|jquery-selector]*/ siteId:147233, /*айди сайта из панели партнера http://www.apishops.com/Webmaster/WebsiteGroup/WebsiteGroupList.jsp */ productId:888647,/*айди товара из ассортимента на странице http://www.apishops.com*/ featured:{ container: '#featureconatiner', /*контейнер для размещения в нем рекомендуемых товаров*/ } }); </script> <div id=containerid> Контейнер для размещения основного товара </div> <div id=featureconatiner> Контейнер для размещения рекомендуемых товаров </div>Внимание: по умолчанию(без паарметров featured) плагин не показывает блок рекомендуемых товары.
Параметр | Значение по умолчанию | Описание |
---|---|---|
container |
- | jquery селектор для контейнера, в котором нужно разместить рекомендуемые товары (если рекомендуемых товаров нет, то этот контейнер скрывается) |
containerClosest |
- | jquery селектор который необходимо скрыть, если рекомендуемых товаров нет (может использоваться для загаловков) |
form |
normal |
Значения normal (обычная форма), light (упрощенная форма), html-код или jquery селектор |
count |
3 | Количество подгружаемых товаров при одной итерации. |
max |
0 | Значения: 0 – показывать рекомендуемые товары при нажатии на кнопку «показать ещё» до бесконечности, 1>= – показывать рекомендуемые товары до заданного количества |
more |
- | jquery селектор для кнопки «показать ещё» (кнопка скрывается, если рекомендуемых товаров нет) |
successUrl |
/finish.jsp?id= |
url, по которому отправляется пользователь после успешной отправки заявки или false в случае, если редирект не нужен |
<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> $('#containerid').apishopsForm({ callback:1, type:'inline', /*тип открытия [inline|modal]*/ debug:false, /*отладочный режим [true|false]*/ successUrl:false, /*url благодарственной страницы [url|false]*/ form:'light', /*тип формы [normal|light|jquery-selector]*/ theme:3, /*номер темы*/ siteId:147233, /*айди сайта из панели партнера http://www.apishops.com/Webmaster/WebsiteGroup/WebsiteGroupList.jsp */ productId:888647,/*айди товара из ассортимента на странице http://www.apishops.com*/ hidden_fields:['count','fio','address'], displayed_containers:['picture','price','name'], featured:{ container: '#featureconatiner', /*контейнер для размещения в нем рекомендуемых товаров*/ count:3 /*количество загружаемых товаров*/ } }); </script> <div id=containerid> </div> <div id=featureconatiner> C этим товаром берут </div>