There are ready-made customization examples for various plugins; you just need to add them in the settings under "For professionals"
Copy "Last name, phone number, and shipping address" with a single click
CSS
/*style for the copy-all-at-once button*/
#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
/*add button to copy all fields at once*/
$('#s-order-contact-about-edit').after('<a href="javascript:void(0);" id="s-order-copy-all-field" title="Copy all at once"><i class="icon16 notebooks"></i> all</a>');
/*copy name, phone, and shipping address with one click*/
$('#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);
});
Make the "edit contact description" button always active
CSS
/*make the button always visible*/
#s-order-contact-about-edit{
display: block;
}
Move the order items table with execution history below the block structure
JavaScript
/*move s-order-items table and timelines below block structure*/
$('.s-order .s-order-wrapper-blocks-poc').after($('.s-order #s-order-items'));
$('.s-order #s-order-items').after($('.s-order .s-order-timeline'));