From db90a88518e0ca81792982138ba95a4db5ae1198 Mon Sep 17 00:00:00 2001
From: Pedro Amorim <pedro.amorim@ptfs-europe.com>
Date: Tue, 4 Jun 2024 11:44:51 +0000
Subject: [PATCH 1/7] fix: Spotlight tab switching on the following displays:

Vertical
Single Title
Single Title with a Next Button
Text Only
---
 .../responsive/CollectionSpotlight/singleTitleSpotlight.tpl     | 2 +-
 .../CollectionSpotlight/singleWithNextTitleSpotlight.tpl        | 2 +-
 .../responsive/CollectionSpotlight/textCollectionSpotlight.tpl  | 2 +-
 .../responsive/CollectionSpotlight/verticalTitleScroller.tpl    | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/singleTitleSpotlight.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/singleTitleSpotlight.tpl
index 77e0fe9266..f605354ec8 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/singleTitleSpotlight.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/singleTitleSpotlight.tpl
@@ -1,5 +1,5 @@
 {strip}
-<div id="tab-{$wrapperId}" {if $display == 'false'}style="display:none"{/if} class="titleScroller singleTitleSpotlight {if $collectionSpotlight->coverSize == 'medium'}mediumScroller{/if} {if $collectionSpotlight->showRatings}scrollerWithRatings{/if}">
+<div id="tab-{$wrapperId}" {if $display == 'false'}style="display:none"{/if} class="titleScroller singleTitleSpotlight tab-pane{if !empty($active)} active{/if} {if $collectionSpotlight->coverSize == 'medium'}mediumScroller{/if} {if $collectionSpotlight->showRatings}scrollerWithRatings{/if}">
 	<div id="{$wrapperId}" class="titleScrollerWrapper singleTitleSpotlightWrapper">
 		{if (!empty($showCollectionSpotlightTitle) && $showCollectionSpotlightTitle) || $showViewMoreLink}
 			<div id="tab-{$wrapperId}Header" class="titleScrollerHeader">
diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/singleWithNextTitleSpotlight.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/singleWithNextTitleSpotlight.tpl
index 721dbfbd9e..27cad656d8 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/singleWithNextTitleSpotlight.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/singleWithNextTitleSpotlight.tpl
@@ -1,5 +1,5 @@
 {strip}
-<div id="tab-{$wrapperId}" {if $display == 'false'}style="display:none"{/if} class="titleScroller singleTitleWithNextSpotlight {if $collectionSpotlight->coverSize == 'medium'}mediumScroller{/if} {if $collectionSpotlight->showRatings}scrollerWithRatings{/if}">
+<div id="tab-{$wrapperId}" {if $display == 'false'}style="display:none"{/if} class="titleScroller singleTitleWithNextSpotlight tab-pane{if !empty($active)} active{/if} {if $collectionSpotlight->coverSize == 'medium'}mediumScroller{/if} {if $collectionSpotlight->showRatings}scrollerWithRatings{/if}">
 	<div id="{$wrapperId}" class="titleScrollerWrapper singleTitleSpotlightWrapper">
 		{if (!empty($showCollectionSpotlightTitle) && $showCollectionSpotlightTitle) || $showViewMoreLink}
 			<div id="tab-{$wrapperId}Header" class="titleScrollerHeader">
diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/textCollectionSpotlight.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/textCollectionSpotlight.tpl
index 03205dc5ed..9ac05d31cb 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/textCollectionSpotlight.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/textCollectionSpotlight.tpl
@@ -1,5 +1,5 @@
 {strip}
-	<div id="tab-{$wrapperId}"{if $display == 'false'} style="display:none"{/if} class="textListScroller">
+	<div id="tab-{$wrapperId}"{if $display == 'false'} style="display:none"{/if} class="textListScroller tab-pane{if !empty($active)} active{/if}">
 		<div id="{$wrapperId}" class="titleScrollerWrapper">
 			{if (!empty($showCollectionSpotlightTitle) && $showCollectionSpotlightTitle) || $showViewMoreLink}
 				<div id="tab-{$wrapperId}Header" class="titleScrollerHeader">
diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/verticalTitleScroller.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/verticalTitleScroller.tpl
index 85a73bc3d0..c8ebac3751 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/verticalTitleScroller.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/verticalTitleScroller.tpl
@@ -1,5 +1,5 @@
 {strip}
-<div id="tab-{$wrapperId}"{if $display == 'false'} style="display:none"{/if} class="verticalTitleScroller{if $collectionSpotlight->coverSize == 'medium'} mediumScroller{/if}">
+<div id="tab-{$wrapperId}"{if $display == 'false'} style="display:none"{/if} class="verticalTitleScroller tab-pane{if !empty($active)} active{/if}{if $collectionSpotlight->coverSize == 'medium'} mediumScroller{/if}">
 	<div id="{$wrapperId}" class="titleScrollerWrapper">
 		{if (!empty($showCollectionSpotlightTitle) && $showCollectionSpotlightTitle) || $showViewMoreLink}
 			<div id="tab-{$wrapperId}Header" class="titleScrollerHeader">

From fc63b7935693c608d46bce993d63cb93de3ed92b Mon Sep 17 00:00:00 2001
From: Pedro Amorim <pedro.amorim@ptfs-europe.com>
Date: Tue, 4 Jun 2024 12:43:15 +0000
Subject: [PATCH 2/7] refactor: DRY common tab CSS classes logic

This can (should?) be extended to all common logic to further guarantee consistency across different spotlight displays and options, e.g.:
coverSize = medium | small
showRatings = 1 | 0
---
 .../CollectionSpotlight/collectionSpotlightTabs.tpl          | 5 +++++
 .../responsive/CollectionSpotlight/horizontalCarousel.tpl    | 2 +-
 .../responsive/CollectionSpotlight/singleTitleSpotlight.tpl  | 2 +-
 .../CollectionSpotlight/singleWithNextTitleSpotlight.tpl     | 2 +-
 .../CollectionSpotlight/textCollectionSpotlight.tpl          | 2 +-
 .../themes/responsive/CollectionSpotlight/titleScroller.tpl  | 2 +-
 .../responsive/CollectionSpotlight/verticalTitleScroller.tpl | 2 +-
 7 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
index 548db93796..58f9079fbd 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
@@ -74,6 +74,11 @@
 					{/if}
 				{/if}
 
+				{assign var="tabClasses" value="tab-pane" }
+				{if $active}
+					{assign var="tabClasses" value="$tabClasses active" }
+				{/if}
+
 				{if $collectionSpotlight->style == 'horizontal'}
 					{include file='CollectionSpotlight/titleScroller.tpl'}
 				{elseif $collectionSpotlight->style == 'horizontal-carousel'}
diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/horizontalCarousel.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/horizontalCarousel.tpl
index 594c6efbf6..57a0ece4d2 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/horizontalCarousel.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/horizontalCarousel.tpl
@@ -1,4 +1,4 @@
-<div role="tabpanel" aria-labelledby="spotlightTab{$list->id}" id="tab-{$wrapperId}"{if !empty($display) && $display == 'false'} style="display:none"{/if} class="titleScroller tab-pane{if !empty($active)} active{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->coverSize == 'medium'} mediumScroller{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->coverSize == 'small'} smallScroller{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->showRatings} scrollerWithRatings{/if}">
+<div role="tabpanel" aria-labelledby="spotlightTab{$list->id}" id="tab-{$wrapperId}"{if !empty($display) && $display == 'false'} style="display:none"{/if} class="titleScroller {$tabClasses}{if !empty($collectionSpotlight) && $collectionSpotlight->coverSize == 'medium'} mediumScroller{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->coverSize == 'small'} smallScroller{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->showRatings} scrollerWithRatings{/if}">
 {if !empty($showCollectionSpotlightTitle)}
 	<div id="tab-{$wrapperId}Header" class="titleScrollerHeader">
 		{if !empty($showCollectionSpotlightTitle) && !empty($scrollerTitle)}
diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/singleTitleSpotlight.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/singleTitleSpotlight.tpl
index f605354ec8..ba150078d9 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/singleTitleSpotlight.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/singleTitleSpotlight.tpl
@@ -1,5 +1,5 @@
 {strip}
-<div id="tab-{$wrapperId}" {if $display == 'false'}style="display:none"{/if} class="titleScroller singleTitleSpotlight tab-pane{if !empty($active)} active{/if} {if $collectionSpotlight->coverSize == 'medium'}mediumScroller{/if} {if $collectionSpotlight->showRatings}scrollerWithRatings{/if}">
+<div id="tab-{$wrapperId}" {if $display == 'false'}style="display:none"{/if} class="titleScroller singleTitleSpotlight {$tabClasses} {if $collectionSpotlight->coverSize == 'medium'}mediumScroller{/if} {if $collectionSpotlight->showRatings}scrollerWithRatings{/if}">
 	<div id="{$wrapperId}" class="titleScrollerWrapper singleTitleSpotlightWrapper">
 		{if (!empty($showCollectionSpotlightTitle) && $showCollectionSpotlightTitle) || $showViewMoreLink}
 			<div id="tab-{$wrapperId}Header" class="titleScrollerHeader">
diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/singleWithNextTitleSpotlight.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/singleWithNextTitleSpotlight.tpl
index 27cad656d8..0cf0ad61d2 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/singleWithNextTitleSpotlight.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/singleWithNextTitleSpotlight.tpl
@@ -1,5 +1,5 @@
 {strip}
-<div id="tab-{$wrapperId}" {if $display == 'false'}style="display:none"{/if} class="titleScroller singleTitleWithNextSpotlight tab-pane{if !empty($active)} active{/if} {if $collectionSpotlight->coverSize == 'medium'}mediumScroller{/if} {if $collectionSpotlight->showRatings}scrollerWithRatings{/if}">
+<div id="tab-{$wrapperId}" {if $display == 'false'}style="display:none"{/if} class="titleScroller singleTitleWithNextSpotlight {$tabClasses} {if $collectionSpotlight->coverSize == 'medium'}mediumScroller{/if} {if $collectionSpotlight->showRatings}scrollerWithRatings{/if}">
 	<div id="{$wrapperId}" class="titleScrollerWrapper singleTitleSpotlightWrapper">
 		{if (!empty($showCollectionSpotlightTitle) && $showCollectionSpotlightTitle) || $showViewMoreLink}
 			<div id="tab-{$wrapperId}Header" class="titleScrollerHeader">
diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/textCollectionSpotlight.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/textCollectionSpotlight.tpl
index 9ac05d31cb..f5b353cd13 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/textCollectionSpotlight.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/textCollectionSpotlight.tpl
@@ -1,5 +1,5 @@
 {strip}
-	<div id="tab-{$wrapperId}"{if $display == 'false'} style="display:none"{/if} class="textListScroller tab-pane{if !empty($active)} active{/if}">
+	<div id="tab-{$wrapperId}"{if $display == 'false'} style="display:none"{/if} class="textListScroller {$tabClasses}">
 		<div id="{$wrapperId}" class="titleScrollerWrapper">
 			{if (!empty($showCollectionSpotlightTitle) && $showCollectionSpotlightTitle) || $showViewMoreLink}
 				<div id="tab-{$wrapperId}Header" class="titleScrollerHeader">
diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/titleScroller.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/titleScroller.tpl
index 0dbb8d600c..c2afe3a22c 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/titleScroller.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/titleScroller.tpl
@@ -1,5 +1,5 @@
 {strip}
-<div id="tab-{$wrapperId}"{if !empty($display) && $display == 'false'} style="display:none"{/if} class="titleScroller tab-pane{if !empty($active)} active{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->coverSize == 'medium'} mediumScroller{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->showRatings} scrollerWithRatings{/if}">
+<div id="tab-{$wrapperId}"{if !empty($display) && $display == 'false'} style="display:none"{/if} class="titleScroller {$tabClasses}{if !empty($collectionSpotlight) && $collectionSpotlight->coverSize == 'medium'} mediumScroller{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->showRatings} scrollerWithRatings{/if}">
 	<div id="{$wrapperId}" class="titleScrollerWrapper">
 		{if (!empty($showCollectionSpotlightTitle))}
 			<div id="tab-{$wrapperId}Header" class="titleScrollerHeader">
diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/verticalTitleScroller.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/verticalTitleScroller.tpl
index c8ebac3751..4f2e593dc1 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/verticalTitleScroller.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/verticalTitleScroller.tpl
@@ -1,5 +1,5 @@
 {strip}
-<div id="tab-{$wrapperId}"{if $display == 'false'} style="display:none"{/if} class="verticalTitleScroller tab-pane{if !empty($active)} active{/if}{if $collectionSpotlight->coverSize == 'medium'} mediumScroller{/if}">
+<div id="tab-{$wrapperId}"{if $display == 'false'} style="display:none"{/if} class="verticalTitleScroller {$tabClasses}{if $collectionSpotlight->coverSize == 'medium'} mediumScroller{/if}">
 	<div id="{$wrapperId}" class="titleScrollerWrapper">
 		{if (!empty($showCollectionSpotlightTitle) && $showCollectionSpotlightTitle) || $showViewMoreLink}
 			<div id="tab-{$wrapperId}Header" class="titleScrollerHeader">

From 0b55caedaaf68bf9470643915f51e3d904e1ed5c Mon Sep 17 00:00:00 2001
From: Pedro Amorim <pedro.amorim@ptfs-europe.com>
Date: Tue, 4 Jun 2024 11:52:35 +0000
Subject: [PATCH 3/7] refactor: Move tabsSwitcher logic to a function

Make this reusable
---
 .../CollectionSpotlight/collectionSpotlightTabs.tpl | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
index 58f9079fbd..280b46b5d4 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
@@ -185,10 +185,7 @@
 
 			$(document).ready(function(){ldelim}
 				{if count($collectionSpotlight->lists) > 1 && (!isset($collectionSpotlight->listDisplayType) || $collectionSpotlight->listDisplayType == 'tabs')}
-				var tablists = document.querySelectorAll('[role=tablist]');
-                for (var i = 0; i < tablists.length; i++) {ldelim}
-                    new TabsSwitcher(tablists[i]);
-                {rdelim}
+				applyTabsSwitcher();
 				$('#collectionSpotlight{$collectionSpotlight->id} a[data-toggle="tab"]').on('shown.bs.tab', function (e) {ldelim}
 					$('#collectionSpotlightCarousel' + $(e.target).data('carouselid')).jcarousel('reload');
 				{rdelim});
@@ -196,6 +193,14 @@
 			{rdelim});
 		</script>
 	{/if}
+	<script type="text/javascript">
+		function applyTabsSwitcher(){ldelim}
+			var tablists = document.querySelectorAll('[role=tablist]');
+			for (var i = 0; i < tablists.length; i++) {ldelim}
+				new TabsSwitcher(tablists[i]);
+			{rdelim}
+		{rdelim}
+	</script>
 	{strip}
 </div>
 {/strip}
\ No newline at end of file

From b4bda96e1e7c2da6e633970e85b216d61a6a638f Mon Sep 17 00:00:00 2001
From: Pedro Amorim <pedro.amorim@ptfs-europe.com>
Date: Tue, 4 Jun 2024 11:53:47 +0000
Subject: [PATCH 4/7] fix: Apply tabsSwitcher logic to all spotlights

This fixes the 'active' styling not working correctly when viewing a tabbed collection spotlight of type other than 'horizontal-carousel'
---
 .../responsive/CollectionSpotlight/collectionSpotlightTabs.tpl   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
index 280b46b5d4..5463f9116c 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
@@ -112,6 +112,7 @@
 
 			$(document).ready(function(){ldelim}
 				{if count($collectionSpotlight->lists) > 1 && (!isset($collectionSpotlight->listDisplayType) || $collectionSpotlight->listDisplayType == 'tabs')}
+				applyTabsSwitcher();
 				$('#collectionSpotlight{$collectionSpotlight->id} a[data-toggle="tab"]').on('shown.bs.tab', function (e) {ldelim}
 					showList($(e.target).data('index'));
 				{rdelim});

From d039657cebed6827267770a39ca8bd226a092821 Mon Sep 17 00:00:00 2001
From: Pedro Amorim <pedro.amorim@ptfs-europe.com>
Date: Tue, 4 Jun 2024 13:35:26 +0000
Subject: [PATCH 5/7] fix: Spotlight list change for 'horizontal-carousel'
 displays

---
 .../CollectionSpotlight/collectionSpotlightTabs.tpl          | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
index 5463f9116c..9fb290e487 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
@@ -28,7 +28,7 @@
 				<select class="availableLists" id="availableLists{$collectionSpotlight->id}" onchange="changeSelectedList();return false;" aria-label="{translate text="Select a list to display" isPublicFacing=true inAttribute=true}">
 					{foreach from=$collectionSpotlight->lists item=list}
 					{if $list->displayFor == 'all' || ($list->displayFor == 'loggedIn' && $loggedIn) || ($list->displayFor == 'notLoggedIn' && !$loggedIn)}
-					<option value="tab-{$list->id}">{translate text=$list->name isPublicFacing=true isAdminEnteredData=true inAttribute=true}</option>
+					<option data-carouselid="{$list->id}" value="tab-{$list->id}">{translate text=$list->name isPublicFacing=true isAdminEnteredData=true inAttribute=true}</option>
 					{/if}
 					{/foreach}
 				</select>
@@ -181,7 +181,8 @@
 
 				var selectedList = selectedOption.value;
 				$("#collectionSpotlight{$collectionSpotlight->id} .titleScroller.active").removeClass('active').hide();
-				$("#" + selectedList).addClass('active').show().jcarousel('reload');
+				$("#" + selectedList).addClass('active').show();
+				$('#collectionSpotlightCarousel' + selectedOption.dataset.carouselid).jcarousel('reload');
 			{rdelim}
 
 			$(document).ready(function(){ldelim}

From d67dae12e349a55252a1f98979c47678c295dbf5 Mon Sep 17 00:00:00 2001
From: Pedro Amorim <pedro.amorim@ptfs-europe.com>
Date: Tue, 4 Jun 2024 13:15:26 +0000
Subject: [PATCH 6/7] fix: Spotlight list change for all other displays

The selector was too specific. The class '.titleScroller' is only
utilized in 'horizontal' display. By removing it from the
selector, changing list from the dropdown now works for all display types that are
not 'horizontal-carousel'
---
 .../responsive/CollectionSpotlight/collectionSpotlightTabs.tpl  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
index 9fb290e487..e608260922 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/collectionSpotlightTabs.tpl
@@ -141,7 +141,7 @@
 				var selectedOption = availableLists.options[availableLists.selectedIndex];
 
 				var selectedList = selectedOption.value;
-				$("#collectionSpotlight{$collectionSpotlight->id} .titleScroller.active").removeClass('active').hide();
+				$("#collectionSpotlight{$collectionSpotlight->id} .active").removeClass('active').hide();
 				$("#" + selectedList).addClass('active').show();
 				// update view more link with data.url for the selectedOption
 				showList(availableLists.selectedIndex);

From 3e75ec36265e338ceb6de35e4f8d565780feaad0 Mon Sep 17 00:00:00 2001
From: Pedro Amorim <pedro.amorim@ptfs-europe.com>
Date: Tue, 4 Jun 2024 13:50:59 +0000
Subject: [PATCH 7/7] chore: Update changelog

---
 code/web/release_notes/24.06.00.MD | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/code/web/release_notes/24.06.00.MD b/code/web/release_notes/24.06.00.MD
index 8a80b8e48e..283646f37b 100644
--- a/code/web/release_notes/24.06.00.MD
+++ b/code/web/release_notes/24.06.00.MD
@@ -137,6 +137,9 @@
 //Pedro - PTFS
 ### Other Updates
 - Fix display of 'small' covers in collection spotlights (*PA*)
+- Fixed issue in collection spotlights 'Tabbed display' that prevented switching tabs when the display type was one of the following: 'Single Title', 'Single Title with next button' and 'Text Only List'
+- Fixed issue in collection spotlights 'Drop Down List' that prevented switching list using the dropdown list.
+- Fixed issue in collection spotlights that prevented the active tab from having the correct 'active' style appliedm in 'Tabbed display'
 
 ## This release includes code contributions from
 - ByWater Solutions