// !!!!!!!!!!!!!!!Be careful to keep the id's from live, they will not work on QA and vice versa They are marked! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! $('a.logo').html(''); const d = new Date(); let year = d.getFullYear(); //Adding top navbar // $(document).ready(function () { const topNavbar = ` `; $('.navbar.navbar-default').first().before(topNavbar); $('.top-navbar .tenant-wrapper').append($('.criterion.language-selector')); }); //Adding custom header dropdown // $(document).ready(function () { const newDropdownMenu = ` `; // !!!!!!!!!!!!!!!Be careful to keep the id's from live, they will not work on QA and vice versa .Here you must be careful only for the ID in the replacement, the rest of them must remain the same !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! // Replace the existing dropdown-menu inside the specified

$('#primarymenulink184997 .dropdown-menu').remove(); // Remove existing menu // This is the live ID, be careful not to overwrite it with the QA ID. $('#primarymenulink184997').append(newDropdownMenu); // Append new one // This is the live ID, be careful not to overwrite it with the QA ID. const newLink = ` Contact us `; // !!!!!!!!!!!!!!!Be careful to keep the id's from live, they will not work on QA and vice versa !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! $('#primarymenulink185011 a').first().replaceWith(newLink); // This is the live ID, be careful not to overwrite it with the QA ID. $('.dropdown-menu').each(function () { const $dropdown = $(this); const $navbar = $dropdown.closest('.navbar-nav'); if ($navbar.length) { const navbarWidth = $navbar.outerWidth(); let adjustedWidth = navbarWidth - 200; // default case // Check window width for your media query range if (window.innerWidth >= 769 && window.innerWidth <= 1200) { adjustedWidth = navbarWidth - 10; } $dropdown.css('width', adjustedWidth); } }); }); //Adding contact us banner in the mobile header dropdown-menu const navList = document.querySelector('.nav.navbar-nav'); if (navList) { const li = document.createElement('li'); li.className = 'mainnavlink mobile-view'; li.id = 'primarymenulink-last'; li.innerHTML = `

Get in touch

Learn more about our real estate experience.

`; navList.appendChild(li); } const ft = `` //Adding white banner under footer // const underFooter = `

Canderel Management (West) Inc.— licensed brokerage Alberta. Canderel Pacific Management Inc. — licensed brokerage British Columbia.
To contact Canderel’s Privacy Officer, please email privacy@canderel.com
900–2000 Peel Street, Montreal, QC H3A 2W5 Canada

` $('document').ready(function(){ $(".footer .footer-inner").remove() $(".footer").append(ft); $("footer").after(underFooter); }); // Delay the dropdown logic slightly until .footer content is appended (added to make work the footer dropdowns which must (some) default open on desktop and collapsible on mobile) setTimeout(() => { document.querySelectorAll(".footer-dropdown__toggle").forEach((toggle) => { toggle.addEventListener("click", (e) => { const isMobile = window.innerWidth <= 768; if (isMobile) { e.preventDefault(); toggle.classList.toggle("active"); const content = toggle.closest(".footer-dropdown").querySelector(".footer-dropdown__content"); if (content) { content.style.display = (content.style.display === "block") ? "none" : "block"; } } const expanded = toggle.getAttribute("aria-expanded") === "true"; toggle.setAttribute("aria-expanded", String(!expanded)); const parent = toggle.closest(".footer-dropdown"); parent.classList.toggle("open"); }); }); }, 200); // Adjust delay (200ms is usually enough, or detect DOM change) //Customize language dropdown// document.addEventListener('DOMContentLoaded', function () { const dropdown = document.querySelector('.top-navbar #dropdownCultureSelector'); const menuItems = document.querySelectorAll('.top-navbar .dropdown-menu a'); // Function to get short label based on data-label function getShortLabel(dataLabel) { switch (dataLabel) { case 'English (US)': case 'English': return 'EN'; case 'French': return 'FR'; default: return dataLabel; } } // Replace dropdown items with short labels menuItems.forEach(link => { const dataLabel = link.getAttribute('data-label'); const shortLabel = getShortLabel(dataLabel); link.textContent = shortLabel; }); // Update the button text to match the selected item function updateButtonLabel(selectedElement) { const shortLabel = getShortLabel(selectedElement.getAttribute('data-label')); dropdown.childNodes[0].nodeValue = shortLabel + ' '; } // Update label on initial load const initiallySelected = document.querySelector('.top-navbar .dropdown-menu .selected a'); if (initiallySelected) { updateButtonLabel(initiallySelected); } // Override or hook into the language selection handler const originalSetPreferredCulture = CCILS.language.setPreferredCulture; CCILS.language.setPreferredCulture = function (element) { // Call original function if needed if (typeof originalSetPreferredCulture === 'function') { originalSetPreferredCulture.call(this, element); } // Update the selected class manually if needed document.querySelectorAll('.top-navbar .dropdown-menu li').forEach(li => { li.classList.remove('selected'); }); element.closest('li').classList.add('selected'); // Update the button label updateButtonLabel(element); }; }); $(document).ready(function() { $('.property-want-more-info').parent().remove(); }); // Translation // --- 1) Dictionary --- const FR_CA_LINKS = { "Property Management": { fr: "Gestion immobilière", href: "https://canderel.com/fr/commercial-fr/gestion-immobiliere/" }, "Canderel Commercial": { fr: "Canderel Commercial", href: "https://canderel.com/fr/commercial-fr/" }, "Project Management and Construction": { fr: "Gestion de projets et construction", href: "https://canderel.com/fr/commercial-fr/gestion-de-projets-et-construction/" }, "Leasing": { fr: "Location", href: "https://canderel.com/fr/commercial-fr/location/" }, "New": { fr: "Nouveau"}, "Okkto": { fr: "Okkto", href: "https://canderel.com/fr/okkto-fr/" }, "RNZ": { fr: "RNZ", href: "https://canderel.com/fr/rnz-fr/" }, "Canderel Residential": { fr: "Canderel Résidentiel", href: "https://canderel.com/fr/residentiel/" }, "Canderel Investment": { fr: "Canderel Investissement", href: "https://canderel.com/fr/investissement/" }, "Search for space": { fr: "Trouver un espace", href: "https://canderel.findspace.com/" }, "News": { fr: "Nouvelles", href: "https://canderel.com/fr/nouvelles/" }, "Careers": { fr: "Carrières", href: "https://canderel.com/fr/carrieres/" }, "About": { fr: "À propos", href: "https://canderel.com/fr/a-propos/" }, "Employee tools": { fr: "Outils employés" }, "Dayforce": { fr: "Dayforce", href: "https://sso.dayforcehcm.com/SSOLogin.aspx" }, "Project site": { fr: "Projet", href: "https://launchpad.37signals.com/signin" }, "Video conference": { fr: "Vidéo conférence", href: "https://canderel.zoom.us/" }, "Terms and conditions": { fr: "Termes et conditions", href: "https://canderel.com/fr/termes-et-conditions/" }, "Privacy policy": { fr: "Politique de confidentialité", href: "https://canderel.com/fr/politique-de-confidentialite/" }, "All rights reserved.": { fr: "Tous les droits sont réservés." }, "Tenant login": { fr: "Accès locataire", href: "https://ng1.angus.mrisoftware.com/Tenant/Canderel/TSI/Default.aspx?Language=fr" }, "Canderel Commercial | Overview": { fr: "Canderel Commercial | Aperçu ", href: "https://canderel.com/fr/commercial-fr/" }, "Residential": { fr: "Résidentiel", href: "https://canderel.com/fr/residentiel/" }, "Investment": { fr: "Investissement", href: "https://canderel.com/fr/investissement/" }, "Contact us": { fr: "Nous joindre", href: "https://canderel.com/fr/contactez-nous/" }, "Get in touch": { fr: "Nous joindre"}, "Learn more about our real estate experience.": { fr: "Tirez profit de notre expérience en immobilier." }, "Road to Net-Zero": { fr: "En route vers le net-zéro", href: "https://canderel.com/fr/rnz-fr/" } }; // --- 2) Helpers & matchers --- function escapeRegex(str){ return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); } function normalize(str){ return (str || "") .toLowerCase() .replace(/[\u2010\u2011\u2012\u2013\u2014\u2015\u2212\-]+/g, "-") .replace(/\s+/g, " ") .trim(); } function keyToFlexiblePattern(key){ let pat = escapeRegex(key); pat = pat.replace(/\s+/g, "\\s+"); pat = pat.replace(/\\\-|-/g, "(?:\\s*[-\\u2010-\\u2015\\u2212]\\s*|\\s+)"); return pat; } const FR_KEYS = Object.keys(FR_CA_LINKS).sort((a,b)=>b.length-a.length); function isWordKey(key){ return /^\w+$/.test(key); } function keyRegex(key, flags){ return isWordKey(key) ? new RegExp("\\b"+escapeRegex(key)+"\\b", flags || "gi") : new RegExp(keyToFlexiblePattern(key), flags || "gi"); } const ICON_SELECTOR = 'svg, img, i, .elementor-icon:not(a), .elementor-icon-list-icon, svg *, use, path'; const TEXT_WRAP_CANDIDATES = '.elementor-icon-list-text, span[class*="text"], .menu-item-text, .label, .text'; function findMatchedKey(text){ if(!text) return null; for(const key of FR_KEYS){ if(keyRegex(key,"i").test(text)) return key; } return null; } function getLabelTextNoIcons($a){ const walker = document.createTreeWalker( $a.get(0), NodeFilter.SHOW_TEXT, { acceptNode(node){ const p = node.parentNode; if(!p) return NodeFilter.FILTER_REJECT; const tag = p.nodeName.toLowerCase(); if(tag === "script" || tag === "style" || tag === "template" || tag === "noscript") return NodeFilter.FILTER_REJECT; if(jQuery(p).is(ICON_SELECTOR)) return NodeFilter.FILTER_REJECT; return NodeFilter.FILTER_ACCEPT; } } ); let out = ""; while(walker.nextNode()) out += walker.currentNode.nodeValue; return out; } function clearIconTextNodes($a){ $a.find(ICON_SELECTOR).each(function(){ jQuery(this).contents().each(function(){ if(this.nodeType === 3) this.nodeValue = ""; }); }); } function removeTextNodesOutside($root, $keep){ $root.contents().each(function(){ if(this.nodeType === 3){ if(!jQuery(this).closest($keep).length) this.nodeValue = ""; }else if(this.nodeType === 1){ const tag = this.nodeName.toLowerCase(); if(tag === "script" || tag === "style" || tag === "template" || tag === "noscript") return; removeTextNodesOutside(jQuery(this), $keep); } }); } function replaceInTextNodes($el, key, frText){ const re = keyRegex(key,"gi"); $el.contents().each(function(){ if(this.nodeType === 3){ const before = this.nodeValue; const after = before.replace(re, frText); if(after !== before) this.nodeValue = after; }else if(this.nodeType === 1){ const $node = jQuery(this); const tag = this.nodeName.toLowerCase(); if(tag === "script" || tag === "style" || tag === "template" || tag === "noscript") return; if($node.is(ICON_SELECTOR)) return; replaceInTextNodes($node, key, frText); } }); } function setLinkLabelSmart($a, newText){ let $textWrap = $a.find(TEXT_WRAP_CANDIDATES).not(ICON_SELECTOR).first(); if(!$textWrap.length){ const $firstIcon = $a.find(ICON_SELECTOR).first(); $textWrap = jQuery(''); if($firstIcon.length) $textWrap.insertAfter($firstIcon.closest('*')); else $a.prepend($textWrap); } removeTextNodesOutside($a, $textWrap); clearIconTextNodes($a); $textWrap.contents().filter(function(){ return this.nodeType === 3; }).remove(); $textWrap.text(newText); } // --- 3) Translators --- function translateAnchor($a){ if($a.data("i18nFrDone")) return; const visibleLabel = getLabelTextNoIcons($a).trim(); if(!visibleLabel) return; const key = findMatchedKey(visibleLabel); if(!key) return; const entry = FR_CA_LINKS[key]; if(!entry) return; const fullMatch = normalize(visibleLabel) === normalize(key); if(fullMatch){ setLinkLabelSmart($a, entry.fr); if(entry.href) $a.attr("href", entry.href); }else{ replaceInTextNodes($a, key, entry.fr); } $a.attr("aria-label", entry.fr); if(!$a.attr("title") || keyRegex(key,"i").test($a.attr("title")||"")){ $a.attr("title", entry.fr); } $a.data("i18nFrDone", true); } function translatePlainTextNodes($container){ const walker = document.createTreeWalker( $container.get(0), NodeFilter.SHOW_TEXT, { acceptNode(node){ if(!node.nodeValue || !node.nodeValue.trim()) return NodeFilter.FILTER_REJECT; const p = node.parentNode; if(!p) return NodeFilter.FILTER_REJECT; const tag = p.nodeName.toLowerCase(); if(tag === "a" || tag === "script" || tag === "style" || tag === "template" || tag === "noscript") return NodeFilter.FILTER_REJECT; if(jQuery(p).is(ICON_SELECTOR)) return NodeFilter.FILTER_REJECT; return NodeFilter.FILTER_ACCEPT; } } ); const nodes = []; while(walker.nextNode()) nodes.push(walker.currentNode); for(const textNode of nodes){ let txt = textNode.nodeValue, changed = false; for(const key of FR_KEYS){ const re = keyRegex(key,"gi"); if(re.test(txt)){ txt = txt.replace(re, FR_CA_LINKS[key].fr); changed = true; } } if(changed) textNode.nodeValue = txt; } } function translateCommonAttributes($container){ const ATTRS = ["title","alt","aria-label"]; $container.find("*").each(function(){ const el = this; for(const attr of ATTRS){ if(el.hasAttribute && el.hasAttribute(attr)){ let val = el.getAttribute(attr); if(!val) continue; for(const key of FR_KEYS){ const re = keyRegex(key,"gi"); if(re.test(val)) val = val.replace(re, FR_CA_LINKS[key].fr); } el.setAttribute(attr, val); } } }); } function translateContainer($container){ $container.find("a").each(function(){ translateAnchor(jQuery(this)); }); translatePlainTextNodes($container); translateCommonAttributes($container); } // --- 4) Run on fr-CA & observe SPA updates --- jQuery(function($){ const lang = (document.documentElement.getAttribute("lang")||"").toLowerCase(); if(lang !== "fr-ca") return; // --- Remove the accessibility dropdown (once + for dynamic injections) --- function removeAccessibilityDropdown(){ $('.accessibility-dropdown').each(function(){ // Hide from AT just before removal (belt & suspenders) $(this).attr({'aria-hidden':'true', 'inert':''}).remove(); }); } removeAccessibilityDropdown(); // If something injects it later, nuke it again const accObserver = new MutationObserver((mutations) => { for (const m of mutations){ for (const node of m.addedNodes){ if (node.nodeType === 1){ const $n = $(node); if ($n.is('.accessibility-dropdown') || $n.find('.accessibility-dropdown').length){ removeAccessibilityDropdown(); } } } } }); accObserver.observe(document.body, { childList:true, subtree:true }); const $header = $("header"); const $footer = $("#footer"); if($header.length) translateContainer($header); if($footer.length) translateContainer($footer); const observer = new MutationObserver(() => { if($header.length) translateContainer($header); if($footer.length) translateContainer($footer); }); if($header.length) observer.observe($header.get(0), { childList:true, subtree:true }); if($footer.length) observer.observe($footer.get(0), { childList:true, subtree:true }); }); // --- Update icon hrefs on fr-CA --- function updateIconHrefs(){ // Map the 3 icons by their EN slugs (adjust/add as needed) const ICON_MAP = [ { key: "Property Management", match: /\/commercial\/property-management\/?$/i }, { key: "Project Management and Construction", match: /\/commercial\/project-management-and-construction\/?$/i }, { key: "Leasing", match: /\/commercial\/leasing\/?$/i } ]; $('a.elementor-icon').each(function(){ const $a = $(this); const href = ($a.attr('href') || "").trim(); const aria = ($a.attr('aria-label') || "").trim(); for (const item of ICON_MAP) { const entry = FR_CA_LINKS[item.key]; // uses your existing dictionary if (!entry) continue; const hrefMatchesEN = item.match.test(href); const ariaMatchesEN = new RegExp("\\b" + item.key.replace(/[.*+?^${}()|[\\]\\\\]/g, "\\$&") + "\\b", "i").test(aria); // Already correct? if (entry.href && href.toLowerCase() === entry.href.toLowerCase()) break; if (hrefMatchesEN || ariaMatchesEN) { if (entry.href) $a.attr('href', entry.href); // nice to have: align label with FR text if (entry.fr) $a.attr('aria-label', entry.fr); break; } } }); } // Run once now updateIconHrefs(); // Re-run if the section is injected later (SPA, lazy loaded blocks, etc.) const iconHrefObserver = new MutationObserver((mutations) => { let shouldRun = false; for (const m of mutations) { for (const n of m.addedNodes) { if (n.nodeType === 1 && ($(n).is('a.elementor-icon') || $(n).find('a.elementor-icon').length)) { shouldRun = true; break; } } if (shouldRun) break; } if (shouldRun) updateIconHrefs(); }); iconHrefObserver.observe(document.body, { childList: true, subtree: true }); // document.addEventListener('DOMContentLoaded', () => { const lang = (document.documentElement.getAttribute('lang') || '').toLowerCase(); if (lang === 'fr-ca') { const p = document.querySelector('.footer-white-banner p'); if (p) { p.innerHTML = 'Canderel Management (West) Inc.—maison de courtage autorisée en Alberta. Canderel Pacific Management Inc. — Courtage agréé Colombie-Britannique' + '
Pour contacter le responsable de la protection des renseignements personnels, veuillez envoyer un courriel à l’adresse suivante : ' + 'vieprivee@canderel.com' + '
900–2000 rue Peel, Montréal, QC H3A 2W5 Canada'; } } }); //Update label for footer's language dropdown $(document).ready(function () { function getCultureFromCookie() { const match = document.cookie.match(/(?:^|;\s*)PreferredCulture\s*=\s*"?(.*?)"?\s*(?:;|$)/); return match ? decodeURIComponent(match[1]) : null; } function updateLanguageSelectorFromCulture(culture) { const $dropdown = $('#footer .language-selector'); const $menuItems = $dropdown.find('.dropdown-menu a[role="menuitem"]'); // Remove existing selection $dropdown.find('li').removeClass('selected'); // Find and mark selected const $matched = $menuItems.filter(function () { return $(this).data('value') === culture; }); $matched.closest('li').addClass('selected'); // Update label on button const selectedLabel = $matched.data('label'); const $button = $dropdown.find('#dropdownCultureSelector'); if (selectedLabel) { $button.contents().filter(function () { return this.nodeType === 3; }).first().replaceWith(selectedLabel + ' '); } } // Apply on page load based on cookie const culture = getCultureFromCookie(); if (culture) { updateLanguageSelectorFromCulture(culture); } // Also update immediately on click before reload $('#footer .language-selector .dropdown-menu a[role="menuitem"]').on('click', function () { const selectedCulture = $(this).data('value'); updateLanguageSelectorFromCulture(selectedCulture); }); }); //Update Contact Broker button $(function(){ const lang = ($('html').attr('lang') || '').toLowerCase(); const label = (lang === 'fr-ca') ? 'Contacter Canderel' : 'Contact Canderel'; $('.broker-action, [id^="contact_from_space"]') .find('button, a') .text(label) .attr({ 'title': label, 'aria-label': label }); }); //Update Contact Property title $(function(){ const fr = /^fr-ca$/i.test(document.documentElement.lang || ''); const label = fr ? 'Contacter Canderel' : 'Contact Canderel'; $('#propertyContact h2 span').text(label); $('#contactContainer h2 span').text(label); });

Listing Results near Vancouver, BC : 1 listings

401 West Georgia Street