From 46946c20162e2ba00e274dfc4cfb35686e006945 Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Fri, 27 Feb 2026 16:40:34 -0500
Subject: [PATCH] Moved and Updated Instacart's language selector for their
 smartling testing.

---
 Custom_Templates/customer_templates/.DS_Store | Bin 20484 -> 22532 bytes
 .../Instacart - Carrot/.DS_Store              | Bin 0 -> 6148 bytes
 .../Instacart - Carrot/_head.html.liquid      |   2 +-
 .../Instacart - Carrot/_header.html.liquid    |   8 +-
 .../Instacart - Partners/_head.html.liquid    |  17 +++
 .../Instacart - Partners/_header.html.liquid  |  15 ++-
 .../_language_selector.html.liquid            | 119 ++++++++++++++++++
 .../_sub_navigation.html.liquid               |  15 ++-
 .../WSGC - Post-New Hire/homepage.html.liquid |   2 +-
 9 files changed, 164 insertions(+), 14 deletions(-)
 create mode 100644 Custom_Templates/customer_templates/Instacart - Carrot/.DS_Store
 create mode 100644 Custom_Templates/customer_templates/Instacart - Partners/_language_selector.html.liquid

diff --git a/Custom_Templates/customer_templates/.DS_Store b/Custom_Templates/customer_templates/.DS_Store
index 5f17146cbcf8c0987c996730ec304f0ae179cba6..4f3a244d499eaee6e645b5a9051a8731982ce9ff 100644
GIT binary patch
delta 1947
zcmcJQe{2(F7{}l5b)$D&VYjV=F*(~&VWX7LVmCH^Y~2QNgAEGXTsM9!{c*4hx9jM&
z-R2m@xF8B@mP<6ED2a(t|3I*!V*JBIL`>8ef<%dl7!yqlF=7P&FfqP&*AXOWVvK*>
zJ@4~A&-*<0+<iZ}sS}twg>pg&S~H0NAz`{?=@p(XUyC14hl`<aZCI^OW2s)%GRH>F
zoz-WpuGN*sihLP!qj>t@oV=YaVzEqj2wwd?l<OTrjee}fkq-$^mAu5e1q5^f-h91(
ze~}|Ls*S{yWQ;aAtDmplSG!<hVx`~ja|ap&lRo!Epf0$|=dNq0pPb~_3eSo)+XnY4
z!)o$~zH5;SNA*L&p`4;++pHS4?%0STYiYm#3K&~a@hm&b&F1+zVqc_xVEc|iLC9#*
zHc5%5<*c+mnwGRdp+p->j&{V8YB(ijWofi8o>Vf!DvgxJqe?tOlcg3#>6Ra|vg4_w
zqJ)#0oR*Vne<UsC#?nU6sPvauWI#)%(rsq7h)f$;S!G6(EhENh?LjG}QOj{B=gxQC
zSG#=Ws<ojF9bH>5l?bI}ypx~Tmz6a+rbxY`aw0v{AJyWLnvm5!19C!A)ADXvN^!YT
z__!W5IxJl(t6WfZ&q7hWGkvB^BomYOW#sg@;9*&-Nww(Vgfr}p1Rb+0nJ`Kw%!pVm
z*0Ah$W4|pW(Yv+Hdqp27MA;sV&TJ;;_!WGB6Ev=8udEi%2KjncNN~MMG$tulxki2s
zD{SKWvewMjrju`Gxkx-YJWR*Yti4uoJu6&bcNv{Kqgr~)h@{RuQ>)m{vIE*sG$m~r
zRi%`1B3CB1ik&QLeo7iJ&TL4?>14`$ADgR1vEQiGl1NAiI(Aj%f-<pN>}7?E^o$^@
zSvgGwLB9_*8IARXrmj*s65<JYO-nrQD<{mA`IbE)zqReOOwKa&4ho7${G^p^B)iB6
z87D``)8s|+COJdiA|H~^$Yt_1`JP-SzmOZ`Cixvjm<=ZuVliq^i=|kJ`%#B_w4oDS
z*o*<hk-%>3fr1RO7{fRY;87gL<2Zt89K&<S9mflJ8L#6MPUBsCfO9yHk8l~^;3~ew
zHQc~W{Kjxh8MBZPnR}TUrk3$C%a|snnQ3RXG6T#YGh_|HpfJqNTSJ)(W}F%)=^!f6
zNSZ`RoL(uqa+BryiC}q7%N8(ZPTn0s*8}Yx8#i_SKM0QH{yTzS%{8DacUH`s?_TU(
z5o}o3a!Z(&j%TEMI};`bI}$mnuNitw3{0imDPfCF-qlMvk;eWGQo(Kj&0aFHs~7Pu
zp_r0nxl3xOJBw0exyyVmm%vbZ*_@f}54d>2M&aa4x6Vgh6r9G@JTDYcO08IvNL^BJ
zTH9zHgE{tJi@zWf%D_L1|6_8Id`Yg7YgGJyzy=oc;l>j9sMwnjqJm$K4OH-9Y(qDC
zuoHubB1Yw}K*b35A%zJ{B8P)`n2P@>p1_lM2G3Fep2zVf3cxFP6|W(WGk6>C;H-(l
zC-?$a@SXLPx5V95c<O?|uk<(K(|-!;`eVVRj%;^IRg&r+8b$s<-RF$`_|K1oWyg8_
zdUKVHkY;^zgE#+1Lz`XiXm;wKHka%BQBhcz=7XWbcKyPtL${r(WbIa~uwK$$2}iz^
g`N5`_bapuy>)#qN!un9>bUw50Aal2}dNAbu6Sklbx&QzG

delta 245
zcmZqKz}T{YQJ8^&fzhcn#gKu)1IXk6VvmW!HjK|U2Cy<tp6Dhrxz}A|azCTy<W;^r
zlN|&&CzpDdZ5Cqs$~v)ucQZQ&3kRdt<Oz%#n+pVH^G|HBS<I~<!010&04U1k#=F_s
zAfILOVpE&R0XCB-7u$+&HnQEuG?~XiYjO>v@MeC8EcS^dVvKT=``pBV771>?<=(*#
zG|p0rgJFJvh2Em0jz9--GWY>Wb|3}<kIDQ25{%rN1(}{RPv#Ht<za-lngK`$OwI_I
UIQgTG<>nhcT}&Wz_|eP(07Rofxc~qF

diff --git a/Custom_Templates/customer_templates/Instacart - Carrot/.DS_Store b/Custom_Templates/customer_templates/Instacart - Carrot/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6
GIT binary patch
literal 6148
zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3
zem<@ulZcFPQ@L2!n>{z**<q8>++&mCkOWA81W14cNZ<zv;LbK1Poaz?KmsK2CSc!(
z0ynLxE!0092;Krf2c+FF_Fe*7ECH>lEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ
zLs35+`xjp>T0<F0fCPF1$Cyrb|F7^5{eNG?83~ZUUlGt@xh*qZDeu<Z%US-OSsOPv
j)R!Z4KLME7ReXlK;d!wEw5GODWMKRea10D2@KpjYNUI8I

literal 0
HcmV?d00001

diff --git a/Custom_Templates/customer_templates/Instacart - Carrot/_head.html.liquid b/Custom_Templates/customer_templates/Instacart - Carrot/_head.html.liquid
index d9932eac..f2be1a1c 100644
--- a/Custom_Templates/customer_templates/Instacart - Carrot/_head.html.liquid	
+++ b/Custom_Templates/customer_templates/Instacart - Carrot/_head.html.liquid	
@@ -17,4 +17,4 @@
 <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
 <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
 <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
-<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
\ No newline at end of file
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
diff --git a/Custom_Templates/customer_templates/Instacart - Carrot/_header.html.liquid b/Custom_Templates/customer_templates/Instacart - Carrot/_header.html.liquid
index 1298dc06..637e97d6 100644
--- a/Custom_Templates/customer_templates/Instacart - Carrot/_header.html.liquid	
+++ b/Custom_Templates/customer_templates/Instacart - Carrot/_header.html.liquid	
@@ -324,15 +324,15 @@
         element.classList.toggle(hiddenClass)
       });
     }
-    
+
   }
 
   function closeMenus(hiddenClassName){
     for(const buttons of document.getElementsByClassName('custom-hamburger-btn-container')){
-    const menuOpenedBtn = buttons.querySelector('.open-btn');  
+    const menuOpenedBtn = buttons.querySelector('.open-btn');
       if(!menuOpenedBtn.classList.contains(hiddenClassName)){
         menuOpenedBtn.classList.add(hiddenClassName);
-        buttons.querySelector('.closed-btn').classList.remove(hiddenClassName); 
+        buttons.querySelector('.closed-btn').classList.remove(hiddenClassName);
       }
     }
     for(const menu of document.getElementsByClassName('np-header-mobile-menu-content')){
@@ -341,4 +341,4 @@
       }
     }
   }
-</script>
\ No newline at end of file
+</script>
diff --git a/Custom_Templates/customer_templates/Instacart - Partners/_head.html.liquid b/Custom_Templates/customer_templates/Instacart - Partners/_head.html.liquid
index beab5b4a..f2be1a1c 100644
--- a/Custom_Templates/customer_templates/Instacart - Partners/_head.html.liquid	
+++ b/Custom_Templates/customer_templates/Instacart - Partners/_head.html.liquid	
@@ -1,3 +1,20 @@
 {% styles default %}
 {% styles colors %}
 {% styles custom %}
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css" />
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css" />
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link
+  rel="preconnect"
+  href="https://fonts.gstatic.com"
+  crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
+<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
diff --git a/Custom_Templates/customer_templates/Instacart - Partners/_header.html.liquid b/Custom_Templates/customer_templates/Instacart - Partners/_header.html.liquid
index e554199e..cef6da59 100644
--- a/Custom_Templates/customer_templates/Instacart - Partners/_header.html.liquid	
+++ b/Custom_Templates/customer_templates/Instacart - Partners/_header.html.liquid	
@@ -73,6 +73,10 @@
             </div>
           </div>
           <nav class="np-header-avatar-tooltip-navigation">
+            {% include "language_selector"
+              , desktopMode: true
+              , parentClass: 'np-header-avatar-tooltip-navigation' %}
+
             {% unless current_school.sso_active? %}
               <a class="np-header-avatar-tooltip-navigation-link" href="{% route account %}">
                 {% t.profile_settings %}
@@ -113,6 +117,9 @@
       </div>
     {% endif %}
     <div class="np-header-mobile-menu-content-nav">
+      {% include "language_selector"
+        , desktopMode: false
+        , parentClass: 'np-header-mobile-menu-content-nav' %}
 
       <div class="np-header-mobile-menu-content-line"></div>
       <a class="np-header-mobile-menu-content-button np-danger" href="{% route logout %}">
@@ -238,15 +245,15 @@
         element.classList.toggle(hiddenClass)
       });
     }
-    
+
   }
 
   function closeMenus(hiddenClassName){
     for(const buttons of document.getElementsByClassName('custom-hamburger-btn-container')){
-    const menuOpenedBtn = buttons.querySelector('.open-btn');  
+    const menuOpenedBtn = buttons.querySelector('.open-btn');
       if(!menuOpenedBtn.classList.contains(hiddenClassName)){
         menuOpenedBtn.classList.add(hiddenClassName);
-        buttons.querySelector('.closed-btn').classList.remove(hiddenClassName); 
+        buttons.querySelector('.closed-btn').classList.remove(hiddenClassName);
       }
     }
     for(const menu of document.getElementsByClassName('np-header-mobile-menu-content')){
@@ -255,4 +262,4 @@
       }
     }
   }
-</script>
\ No newline at end of file
+</script>
diff --git a/Custom_Templates/customer_templates/Instacart - Partners/_language_selector.html.liquid b/Custom_Templates/customer_templates/Instacart - Partners/_language_selector.html.liquid
new file mode 100644
index 00000000..63ef2fa2
--- /dev/null
+++ b/Custom_Templates/customer_templates/Instacart - Partners/_language_selector.html.liquid	
@@ -0,0 +1,119 @@
+{% assign desktopMode = desktopMode | default: false %}
+{% assign parentClass = parentClass | default: "" %}
+
+{% comment %}
+<a class="
+  {% if desktopMode %}
+    np-header-avatar-tooltip-navigation-link
+  {% else %}
+    np-header-mobile-menu-content-button
+  {% endif %}
+  " onclick="toggleLanguageSelector('{{parentClass}}')">
+  <span class="lang-en">Language</span>
+  <span class="lang-es">Idioma</span>
+  <div
+    {% if desktopMode %}
+    style="padding-top: 10px;"
+    {% endif %}
+    class="language-selector-dropdown">
+    <div class="{% if desktopMode %}np-header-avatar-tooltip-navigation-link{% else %}language-selector-dropdown-item{% endif %}" onclick="changeLanguage('en')">English</div>
+    <div class="{% if desktopMode %}np-header-avatar-tooltip-navigation-link{% else %}language-selector-dropdown-item{% endif %}" onclick="changeLanguage('es')">Español</div>
+  </div>
+</a>
+{% endcomment %}
+
+<a class="
+  {% if desktopMode %}
+    np-header-avatar-tooltip-navigation-link
+  {% else %}
+    np-header-mobile-menu-content-button
+  {% endif %}
+  " onclick="toggleLanguageSelector('{{parentClass}}')">
+  <span>Language</span>
+  <div{% if desktopMode %} style="padding-top: 10px;"{% endif %}class="language-selector-dropdown">
+	<a class="{% if desktopMode %}np-header-avatar-tooltip-navigation-link{% else %}language-selector-dropdown-item{% endif %}" href="/">English (USA)</a>
+	<a class="{% if desktopMode %}np-header-avatar-tooltip-navigation-link{% else %}language-selector-dropdown-item{% endif %}" href="/es-us">Español (Estados Unidos)</a>
+	<a class="{% if desktopMode %}np-header-avatar-tooltip-navigation-link{% else %}language-selector-dropdown-item{% endif %}" href="/fr-ca">Français  (Québec)</a>
+	<a class="{% if desktopMode %}np-header-avatar-tooltip-navigation-link{% else %}language-selector-dropdown-item{% endif %}" href="/es-es">Español (España)</a>
+	<a class="{% if desktopMode %}np-header-avatar-tooltip-navigation-link{% else %}language-selector-dropdown-item{% endif %}" href="/fr-fr">Français (France)</a>
+  </div>
+</a>
+
+<style>
+  .language-selector-dropdown {
+    position: absolute;
+    width: 97%;
+    background-color: white;
+    z-index: 1;
+    top: 54px;
+    padding: 0 10px 10px;
+    border-radius: 4px;
+    box-shadow: 0 2px 4px 0 rgba(72, 103, 118, 0.65);
+  }
+
+  .language-selector-dropdown-item {
+    align-items: center;
+    background: #e4e8eb;
+    border-radius: 4px;
+    box-shadow: 0 2px 4px 0 rgba(72, 103, 118, 0.15);
+    color: #305263;
+    display: flex;
+    font-size: 14px;
+    font-weight: 500;
+    height: 52px;
+    justify-content: center;
+    margin-top: 12px;
+    text-decoration: none;
+    width: 100%;
+  }
+</style>
+<script>
+  $(document).ready(function () {
+    $('.language-selector-dropdown').hide();
+
+    // Close dropdown when clicking outside
+    $(document).on('click', function (event) {
+      if (!$(event.target).closest('.language-selector-dropdown, [onclick*="toggleLanguageSelector"]').length) {
+        $('.language-selector-dropdown').hide();
+      }
+    });
+  });
+
+  function toggleLanguageSelector(parentClass) {
+    $(`.${parentClass} .language-selector-dropdown`).toggle();
+  }
+</script>
+	{% comment %}
+
+  function changeLanguage(language) {
+    const url = "https://instacart.northpass.com/learning/api/v1/carrot_academy/languages/{{current_person.id}}";
+    const token = document.querySelector('meta[name="csrf-token"]')?.content;
+
+    fetch(url, {
+        method: "PUT",
+        headers: {
+          "Content-Type": "application/json",
+          "X-CSRF-Token": token
+        },
+        credentials: "include",
+        body: JSON.stringify({
+          language: language,
+        })
+      })
+      .then(response => {
+        if (!response.ok) {
+          throw new Error('Network response was not ok ' + response.statusText);
+        }
+        return response;
+      })
+      .then(data => {
+        const currentUrl = new URL(window.location.href);
+        currentUrl.searchParams.set('lang', language);
+        window.location.href = currentUrl.toString();
+      })
+      .catch(error => {
+        console.error("Error sending language information:", error);
+      });
+  }
+</script>
+{% endcomment %}
diff --git a/Custom_Templates/customer_templates/Instacart - Partners/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/Instacart - Partners/_sub_navigation.html.liquid
index 8ab2b6a8..ccb6a046 100644
--- a/Custom_Templates/customer_templates/Instacart - Partners/_sub_navigation.html.liquid	
+++ b/Custom_Templates/customer_templates/Instacart - Partners/_sub_navigation.html.liquid	
@@ -16,7 +16,7 @@
       </a>
       <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
     </div>
-    
+
     <div class="np-sub-navigation-content-item">
       <a class="np-sub-navigation-content-item-link" href="/app/courses">
         <i class="fas fa-book-alt icon-color  np-sub-navigation-content-item-icon"></i>
@@ -55,9 +55,16 @@
     color: #0AAD0A;
   }
   @media (max-width: 600px) {
-    .sub-navigation {
-      display: none;
+    .np-sub-navigation-content-item {
+      margin: 0 5px;
     }
+    .np-sub-navigation-content-item-link {
+      font-size: 0.95rem;
+      padding: 6px 4px;
+    }
+    .np-sub-navigation-content {
+      justify-content: center;
+		}
   }
 </style>
 
@@ -77,4 +84,4 @@
       }
     });
   });
-</script>
\ No newline at end of file
+</script>
diff --git a/Custom_Templates/customer_templates/WSGC - Post-New Hire/homepage.html.liquid b/Custom_Templates/customer_templates/WSGC - Post-New Hire/homepage.html.liquid
index 8d0b6613..b46048fe 100644
--- a/Custom_Templates/customer_templates/WSGC - Post-New Hire/homepage.html.liquid	
+++ b/Custom_Templates/customer_templates/WSGC - Post-New Hire/homepage.html.liquid	
@@ -86,7 +86,7 @@
 
     if (selectedFilter == 'all') {
    $(".filterable-course").show()
-    } 
+    }
     else {
       $(".filterable-course").hide();
      $(".filterable-course").each(function(index, course) {