Введение

Благодарим Вас за покупку товара! Установка займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь поэтапно следовать всем рекомендациям.
Если вы сомневаетесь, что можете самостоятельно произвести установку, воспользуйтесь дополнительной услугой по установке скрипта на Ваш сайт.

Первый шаг: загрузка файлов на сайт

Перейдите в Панель управления » Файловый менеджер. В правом верхнем углу кликните на кнопку "Создать папку", введите название папки js. Кликните на галочку, после чего будет создан каталог с именем, которое вы ввели. Теперь зайдите в каталог js и загрузите в него файлы из папки "скрипты".
Аналогичным образом создайте каталог img и загрузите в него файлы из папки "изображения".

Второй шаг: установка кода

Перейдите в шаблон «Страница товара» и перед тегом </body> разместите код:

<?if($OTHER1$)?>
<script>
$(document).ready(function() {
$('body').append('<div style="display:none"><img src="/img/logo.png" class="gphoto" id="all-gphoto-<?substr($OTHER1$,strrpos($OTHER1$,'_x_Polus2')+10,strrpos($OTHER1$,'_x_Polus3')-strrpos($OTHER1$,'_x_Polus2')-10)?>"> <img src="/img/logo.png" class="gphoto" id="all-gphoto-<?substr($OTHER1$,strrpos($OTHER1$,'_x_Polus3') + 10,strrpos($OTHER1$,'_x_Polus4') - strrpos($OTHER1$,'_x_Polus3') - 10)?>"> <img src="/img/logo.png" class="gphoto" id="all-gphoto-<?substr($OTHER1$,strrpos($OTHER1$,'_x_Polus4') + 10,strrpos($OTHER1$,'_x_Polus5') - strrpos($OTHER1$,'_x_Polus4') - 10)?>"> <img src="/img/logo.png" class="gphoto" id="all-gphoto-<?substr($OTHER1$,strrpos($OTHER1$,'_x_Polus5') + 10,strrpos($OTHER1$,'_x_Polus6') - strrpos($OTHER1$,'_x_Polus5') - 10)?>"> <img src="/img/logo.png" class="gphoto" id="all-gphoto-<?substr($OTHER1$,strrpos($OTHER1$,'_x_Polus6') + 10,len($OTHER1$) - strrpos($OTHER1$,'_x_Polus6'))?>"></div>');
 $('#id-$ID$-buynow, #id-$ID$-basket').on('click', function(){ 
<?if(strrpos($OTHER1$,'_x_Polus2')>2)?> 
 setTimeout(function() {
 add2Basket('<?substr($OTHER1$,strrpos($OTHER1$,'_x_Polus2')+10,strrpos($OTHER1$,'_x_Polus3')-strrpos($OTHER1$,'_x_Polus2')-10)?>','all');
 }, 300);
<?endif?>
<?if(strrpos($OTHER1$,'_x_Polus3')>2)?> 
 setTimeout(function() {
 add2Basket('<?substr($OTHER1$,strrpos($OTHER1$,'_x_Polus3') + 10,strrpos($OTHER1$,'_x_Polus4') - strrpos($OTHER1$,'_x_Polus3') - 10)?>','all');
 }, 600);
<?endif?>
<?if(strrpos($OTHER1$,'_x_Polus4')>2)?>
 setTimeout(function() {
 add2Basket('<?substr($OTHER1$,strrpos($OTHER1$,'_x_Polus4') + 10,strrpos($OTHER1$,'_x_Polus5') - strrpos($OTHER1$,'_x_Polus4') - 10)?>','all');
 }, 900);
<?endif?>
<?if(strrpos($OTHER1$,'_x_Polus5')>2)?> 
 setTimeout(function() {
 add2Basket('<?substr($OTHER1$,strrpos($OTHER1$,'_x_Polus5') + 10,strrpos($OTHER1$,'_x_Polus6') - strrpos($OTHER1$,'_x_Polus5') - 10)?>','all');
 }, 1200);
<?endif?>
<?if(strrpos($OTHER1$,'_x_Polus6')>2)?> 
 setTimeout(function() {
 add2Basket('<?substr($OTHER1$,strrpos($OTHER1$,'_x_Polus6') + 10,len($OTHER1$) - strrpos($OTHER1$,'_x_Polus6'))?>','all');
 }, 1500);
<?endif?>
 $('#cart-success').bPopup({easing: 'easeOutBack', speed: 650, transition: 'slideUp'}); 
 });
});
</script>
<div id="cart-success">
 <span class="b-close">закрыть</span>
 <img src="/img/gift.png">
 <h2 class="thank-cart">Спасибо за покупку!</h2>
 <p>Обратите внимание, в вашу корзину <br> также был добавлен подарок</p>
 <a href="/shop/checkout" class="go-buy">Перейти к оформлению заказа</a>
</div>
<script src="/js/bPopup.js"></script>
<script src="/js/jquery.easing.1.3.js"></script>
<style>
img#shop-temp{display:none}
.thank-cart {text-transform:uppercase;margin: 40px 0 20px;font-weight:bold;font-size:28px;color:#575656;}
#cart-success p {margin: 0 0 30px;color: #7f7f7f;font-size:16px;font-weight:bold;}
a.go-buy {display:inline-block;text-decoration:none;line-height:40px; border-radius:3px;background:#e74c3c;padding: 0 18px;color:#fff;transition: all 0.3s;}
a.go-buy:hover {background:#ff5746;transition: all 0.3s;}
#cart-success {text-align:center;background:#fff;display:none; padding:40px 20px;min-width:380px;min-height: 180px;}
.b-close{cursor:pointer;position:absolute;right:15px;top:15px;text-transform:uppercase;font-size:12px;letter-spacing:2px;transition: all 0.3s;}
.b-close:hover {color:#e74c3c;transition: all 0.3s;}
</style>
<?endif?>

Затем перейдите в шаблон «Страница служебных форм» и перед тегом </body> разместите код:

<?if($PAGE_ID$='add' || $PAGE_ID$='edit')?>
<script>
var IDoth = "#tb_other1"; // id используемого доп. поля
var IDothINPUT = "#tb_other1 input"; // тож самое
<?if($PAGE_ID$='add')?>$(IDoth).after('<tr class="tewrt"><td id="rra2">ID товара #1</td><td id="farr2"></td></tr><tr class="tewrt"><td id="rra3">ID товара #2</td><td id="farr3"></td></tr><tr class="tewrt"><td id="rra4">ID товара #3</td><td id="farr4"></td></tr><tr class="tewrt"><td id="rra5">ID товара #4</td><td id="farr5"></td></tr><tr class="tewrt"><td id="rra6">ID товара #5</td><td id="farr6"></td></tr>');for(j=1;j<7;j++){$('#farr'+j).append('<input id="apodp'+j+'" style="width:100%;background:white;" />')}$('#save_button').click(function(){for(i=1;i<7;i++){$(IDothINPUT).val($(IDothINPUT).val()+'_x_Polus'+i+' '+$('#apodp'+i).val())}});<?endif?>
<?if($PAGE_ID$='edit')?>var adar=$(IDothINPUT);var contedant=adar.val();var aratr=contedant.replace('_x_Polus2',' aXxXa');var madas=new Array();madas=aratr.split(" ");var razam=madas.length;var afr=2;for(var g=0;g<razam;g++){if(madas[g]=='aXxXa'){var afr=1}}if(afr=='1'){$(IDoth).after('<tr class="tewrt"><td id="rra2">ID товара #1</td><td id="farr2"></td></tr><tr class="tewrt"><td id="rra3">ID товара #2</td><td id="farr3"></td></tr><tr class="tewrt"><td id="rra4">ID товара #3</td><td id="farr4"></td></tr><tr class="tewrt"><td id="rra5">ID товара #4</td><td id="farr5"></td></tr><tr class="tewrt"><td id="rra6">ID товара #5</td><td id="farr6"></td></tr>');var text=$(IDothINPUT);var content=text.val();var mas=new Array();mas=content.split("_x_");var razm=mas.length;var artt=mas[0];$('#tb_other1 input').val(artt);for(var i=1;i<razm;i++){var afr=mas[i];var afrq=afr.replace('Polus'+i+' ','');$("#farr"+i).append('<input type="text" id="apodp'+i+'" value="'+afrq+'" style="width: 100%;">')}$('#save_button').click(function(){for(i=1;i<7;i++){$(IDothINPUT).val($(IDothINPUT).val()+'_x_Polus'+i+' '+$('#apodp'+i).val());$('#rra'+i).remove();$('#farr'+i).remove()}})}else{$(IDoth).after('<tr class="tewrt"><td id="rra2">ID товара #1</td><td id="farr2"></td></tr><tr class="tewrt"><td id="rra3">ID товара #2</td><td id="farr3"></td></tr><tr class="tewrt"><td id="rra4">ID товара #3</td><td id="farr4"></td></tr><tr class="tewrt"><td id="rra5">ID товара #4</td><td id="farr5"></td></tr><tr class="tewrt"><td id="rra6">ID товара #5</td><td id="farr6"></td></tr>');for(j=1;j<7;j++){$('#farr'+j).append('<input id="apodp'+j+'" style="width:100%;background:white;" />')}$('#save_button').click(function(){for(i=1;i<7;i++){$(IDothINPUT).val($(IDothINPUT).val()+'_x_Polus'+i+' '+$('#apodp'+i).val());$('#rra'+i).remove();$('#farr'+i).remove()}})};$(IDoth).attr('style','display:none');<?endif?>
</script> 
<?endif?>