AliExpress: highlight the price with shipping
Highlights the shipping-cost line so you can judge the real total price of an order at a glance.
Code to copy
// Highlight the shipping line so the real total price is obvious
function markShipping() {
const nodes = document.querySelectorAll('[class*="shipping"], [class*="dynamic-shipping"], [class*="logistics"]');
nodes.forEach(function (n) {
if (n.dataset.jzMarked) { return; }
const t = (n.textContent || '').toLowerCase();
if (t.includes('ship') || t.includes('free') || t.includes('delivery')) {
n.style.setProperty('outline', '2px solid #2e7d32', 'important');
n.style.setProperty('background', '#eafaef', 'important');
n.style.setProperty('padding', '2px 4px', 'important');
n.dataset.jzMarked = '1';
}
});
}
markShipping();
const obs = new MutationObserver(markShipping);
obs.observe(document.documentElement, { childList: true, subtree: true });How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.