Удобный вид заказа

Удобный вид заказа для Shop-Script

Работа с заказом удобнее, экономит место

4.9 27 оценок

7 дней бесплатно

Чтобы попробовать бесплатно, откройте плагин в своем «Инсталлере». Бесплатный период доступен только в облаке Webasyst.

Обычная Премиум
Ваш отзыв
Установок
300+
Разработчик
Поддержка

Для разных плагинов есть уже готовые кейсы по настройке, просто добавляйте их в настройках в раздел "Для профи"

Сделать копирование одним кликом сразу "ФИО, телефон и адрес доставки"

css

/*стиль для кнопки копирования все разом*/
#s-order-copy-all-field{
position: absolute;
right: 0;
top: 0;
border-radius: 5px;
box-shadow: 0 2px 5px 0px rgb(0 0 0 / 25%);
background: var(--white);
padding: 5px;
}

javascript

/*добавления кнопки копирования все разом*/
$('#s-order-contact-about-edit').after('<a href="javascript:void(0);" id="s-order-copy-all-field" title="Копировать все разом"><i class="icon16 notebooks"></i> все</a>');
/*копирование один кликом имени телефона и адреса доставки*/
$('#s-order-copy-all-field').click(function () {
let str = '';
let name=$('.s-order-wrapper-blocks-poc .contact_wrapper .profile:eq(0) .details h3 a').text().trim();
let phone=$('.s-order-wrapper-blocks-poc .contact_wrapper .s-customer-fields-section a[href^="tel:"]:eq(0)').text().trim();
let addres=$('.s-order-wrapper-blocks-poc .s-order-address').text().trim();
str=name+' '+phone+' '+addres;
const el = document.createElement('textarea');
el.value = str;
el.setAttribute('readonly', '');
el.style.position = 'absolute';
el.style.left = '-9999px';
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
});

Сделать кнопку "редактировать описание контакта" всегда активной

css

  /*сделать кнопку всегда видимой*/
#s-order-contact-about-edit{
   display: block;
}

Перенести таблицу с позициями заказа с историей выполнения после блочной структуры

javascript

/*перенос таблицы s-order-items и логов под блочную структуру*/
$('.s-order .s-order-wrapper-blocks-poc').after($('.s-order #s-order-items'));
$('.s-order #s-order-items').after($('.s-order .s-order-timeline'));