Custom Checkout.css

.readonly-field { background:#f2f2f2 !important; color:#666 !important; } /* ======================================== CHECKOUT BREADCRUMBS — Exact Styling Fix ======================================== */ .checkout-header h1 { font-size: 24px !important; } .checkout-header { font-size: 14px !important; } body.woocommerce-checkout .checkout-breadcrumb { display: flex; align-items: center; margin-bottom: 2rem; font-size:…Continue reading

Custom Checkout.js

/** * custom-checkout.js (canonical fields + live address refresh) * — Two-step navigation * — Ship-to-different handling via hidden input * — Address book modal (add/edit/delete) with instant UI refresh * — Address book integration on checkout * — Coupon…Continue reading

CSS snipett

/* ===== VCLIP MEDIA CLONE – GLOBAL STYLES ===== */ :root { –primary: #2D5BE3; –primary-dark: #1A48C1; –secondary: #FF6B35; –dark: #1A1A2E; –light: #F8F9FA; –gray: #6C757D; –white: #FFFFFF; –shadow: 0 10px 30px rgba(0, 0, 0, 0.08); –radius: 10px; –transition: all 0.3s ease;…Continue reading

Shop Manager – View Only.js

add_action(‘admin_menu’, function () { $user = wp_get_current_user(); if (!in_array(‘shop_manager_-_view_only’, (array) $user->roles)) { return; } global $menu, $submenu; // Top-level menu whitelist $allowed_top = [ ‘index.php’, // Dashboard ‘woocommerce’, // WooCommerce ‘users.php’, // Users ‘woocommerce-marketing’, // Marketing ]; foreach ($menu as…Continue reading

Fluent Booking Hidden and read only fields

/* Author: Sumaiya */ /* Des: This CSS is to hide the fields of the fluent booking form */ label#custom_appointment_id-label, label#custom_person_id-label, label#custom_tenant_id-label , label#custom_firstname-label , label#custom_firstname-label, label#custom_lastname-label, label#custom_role_id-label, label#custom_salutation_id-label, label#custom_organisation_id-label { display: none; } /* Completed */ /* Des: This…Continue reading

HosaEna Header Solid Transition (copy)

(function(){ const header = document.querySelector(‘.site-header’); function setSolidByScroll(){ if(!header) return; if(window.scrollY > 50){ header.classList.add(‘he-solid’); } else { header.classList.remove(‘he-solid’); } } window.addEventListener(‘scroll’, setSolidByScroll, {passive:true}); document.addEventListener(‘DOMContentLoaded’, setSolidByScroll); if(header){ header.addEventListener(‘mouseenter’, ()=> header.classList.add(‘he-solid’)); header.addEventListener(‘mouseleave’, ()=> setSolidByScroll()); } })();Continue reading