Commit 8f2f42641b8 for woocommerce
commit 8f2f42641b8694be715fd29e966bbbb95f2f028f
Author: Michal Iwanow <4765119+mcliwanow@users.noreply.github.com>
Date: Tue Oct 13 12:33:51 2026 +0200
Remove leftover styles and assets from the legacy Marketplace page (#69586)
* Remove leftover styles, script and assets from the legacy Marketplace page
* Add changelog entry for legacy Marketplace cleanup
* Restore the Marketplace icons in case extensions link to them
diff --git a/plugins/woocommerce/changelog/wccom-3040-remove-legacy-marketplace-styles b/plugins/woocommerce/changelog/wccom-3040-remove-legacy-marketplace-styles
new file mode 100644
index 00000000000..dece964a9da
--- /dev/null
+++ b/plugins/woocommerce/changelog/wccom-3040-remove-legacy-marketplace-styles
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+Comment: Remove unused styles, script and view left from the old Marketplace page; no merchant-facing change.
+
diff --git a/plugins/woocommerce/client/admin/client/guided-tours/wc-addons-tour/index.tsx b/plugins/woocommerce/client/admin/client/guided-tours/wc-addons-tour/index.tsx
index d58411558ca..1e388d334fd 100644
--- a/plugins/woocommerce/client/admin/client/guided-tours/wc-addons-tour/index.tsx
+++ b/plugins/woocommerce/client/admin/client/guided-tours/wc-addons-tour/index.tsx
@@ -24,7 +24,7 @@ const WCAddonsTour = () => {
const defaultAutoScrollBlock: ScrollLogicalPosition = 'center';
useEffect( () => {
- const query = new URLSearchParams( location.search );
+ const query = new URLSearchParams( window.location.search );
if ( query.get( 'tutorial' ) === 'true' ) {
const intervalId = waitUntilElementTopNotChange(
steps[ 0 ].referenceElements?.desktop || '',
@@ -56,7 +56,7 @@ const WCAddonsTour = () => {
}
}
- // In a rare case, admin notices might load before observe is added below (moving `.wc-addons-wrap`).
+ // In a rare case, admin notices might load before observe is added below (moving `.woocommerce-marketplace`).
// In such a case, if Tour is shown before this effect is called, it might not be position correctly.
// Updating popper's position here, ensures it's always visible.
const timeoutId = setTimeout( showPopper, 500 );
diff --git a/plugins/woocommerce/client/legacy/css/admin.scss b/plugins/woocommerce/client/legacy/css/admin.scss
index a8c0cee01df..d25b6ff9f67 100644
--- a/plugins/woocommerce/client/legacy/css/admin.scss
+++ b/plugins/woocommerce/client/legacy/css/admin.scss
@@ -19,847 +19,22 @@
@include loader();
}
-$font-sf-pro-text: helveticaneue-light, "Helvetica Neue Light",
- "Helvetica Neue", sans-serif;
// stylelint-disable-next-line value-keyword-case -- font names in a Sass variable; stylelint can't tell them from keywords and lowercases them.
$font-sf-pro-display: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
.wc-addons-wrap {
- .marketplace-header {
- box-sizing: border-box;
- display: flex;
- flex-direction: column;
- justify-content: center;
- min-height: 216px;
- padding: 24px 16px;
- width: 100%;
-
- &__title {
- color: #fff;
- font-size: 32px;
- font-style: normal;
- font-weight: 400;
- line-height: 1.15;
- margin-bottom: 8px;
- padding: 0;
- }
-
- &__description {
- color: #fff;
- font-size: 16px;
- line-height: 24px;
- margin-bottom: 24px;
- margin-top: 0;
- }
-
- &__search-form {
- clear: both;
- display: block;
- max-width: 318px;
- position: relative;
-
- input {
- border: 1px solid #ddd;
- box-shadow: none;
- font-size: 13px;
- height: 48px;
- padding-left: 16px;
- padding-right: 50px;
- width: 100%;
- margin: 0;
- }
-
- button {
- background: none;
- border: none;
- cursor: pointer;
- height: 48px;
- position: absolute;
- right: 0;
- width: 53px;
- }
- }
- }
-
- .top-bar {
- background: #fff;
- box-shadow: inset 0 -1px 0 #ccc;
- display: block;
- height: 60px;
- margin: 0 0 16px;
-
- @media only screen and (min-width: 768px) {
- margin-bottom: 24px;
- }
- }
-
- .current-section-dropdown {
- background: #fff;
- border: 1px solid #a7aaad;
- margin-bottom: 20px;
- position: relative;
- width: 100%;
-
- @media only screen and (min-width: 600px) {
- width: 288px;
- }
-
- ul {
- background: #fff;
- border-radius: 2px;
- display: none;
- flex-direction: column;
- justify-content: left;
- left: 0;
- margin: 0;
- padding: 14px 0;
- position: absolute;
- top: 50px;
- width: 100%;
- z-index: 10;
-
- @media only screen and (min-width: 600px) {
- border: 1px solid #1e1e1e;
- left: -1px;
- top: 48px;
- }
-
- @media only screen and (min-width: 1100px) {
- justify-content: center;
- }
-
- li {
- font-size: 13px;
- line-height: 16px;
- margin: 0;
-
- &.current a::after {
- background-image: url("../images/icons/gridicons-checkmark.svg");
- content: "";
- display: block;
- height: 20px;
- position: absolute;
- right: 20px;
- top: 7px;
- width: 20px;
- }
- }
-
- a,
- a:visited,
- a:hover,
- a:focus {
- border: none;
- box-shadow: none;
- box-sizing: border-box;
- color: #1e1e1e;
- display: inline-block;
- text-decoration: none;
- outline: none;
- padding: 14px 18px;
- position: relative;
- width: 100%;
-
- @media only screen and (min-width: 600px) {
- padding: 10px 18px;
- }
- }
- }
-
- &.wp-tour-kit-spotlit {
- padding: 20px;
- }
- }
-
- .current-section-name {
- cursor: pointer;
- font-size: 14px;
- line-height: 24px;
- padding: 12px 16px;
- position: relative;
- }
-
- .current-section-name::after {
- background-image: url("../images/icons/gridicons-chevron-down.svg");
- background-size: contain;
- content: "";
- display: block;
- height: 20px;
- position: absolute;
- right: 20px;
- top: 16px;
- width: 20px;
- }
-
- .current-section-dropdown.is-open {
-
- ul {
- display: flex;
- }
-
- .current-section-name::after {
- transform: rotate(0.5turn);
- }
- }
-
- .update-plugins .update-count {
- background-color: var(--wp-admin-theme-color, #d54e21);
- border-radius: 10px;
- color: #fff;
- display: inline-block;
- font-size: 9px;
- font-weight: 600;
- line-height: 17px;
- margin: 1px 0 0 4px;
- padding: 0 6px;
- vertical-align: text-top;
- }
-
- /**
- * Marketplace related variables
- */
- $font-sf-pro-display: sans-serif;
-
- h1.search-form-title {
- clear: left;
- font-size: 20px;
- font-family: $font-sf-pro-display;
- line-height: 1.2;
- margin: 48px 0 12px;
- padding: 0;
- }
-
- .addons-featured {
- margin: 0;
- }
-
- ul.subsubsub.subsubsub {
- margin: -2px 0 12px;
- }
-
- .subsubsub li::after {
- content: "|";
- }
-
- .subsubsub li:last-child::after {
- content: "";
- }
-
- .addons-button {
- border-radius: $radius-s;
- cursor: pointer;
- display: block;
- height: 37px;
- line-height: 37px;
- margin-top: 16px;
- text-align: center;
- text-decoration: none;
- width: 124px;
- }
-
- .addons-wcs-banner-block {
- align-items: center;
- background: #fff;
- border: 1px solid #ddd;
- display: flex;
- margin: 0 0 1em 0;
- padding: 2em 2em 1em;
- }
-
- .addons-wcs-banner-block-image {
- background: #f7f7f7;
- border: 1px solid #e6e6e6;
- margin-right: 2em;
- padding: 4em;
- max-width: 200px;
-
- .addons-img {
- max-height: 86px;
- max-width: 97px;
- }
-
- &.is-full-image {
- padding: 0;
- background: none;
- border: none;
-
- .addons-img {
- max-height: 100%;
- max-width: 100%;
- }
- }
- }
-
- .addons-shipping-methods .addons-wcs-banner-block {
- margin-left: 0;
- margin-right: 0;
- margin-top: 1em;
- }
-
- .addons-wcs-banner-block-content {
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-self: stretch;
- padding: 1em 0;
-
- h1 {
- padding-bottom: 0;
- }
-
- p {
- margin-bottom: 0;
- }
-
- .wcs-logos-container {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-
- @media screen and (min-width: 500px) {
- justify-content: left;
- }
-
- li {
- margin-right: 8px;
-
- &:last-child {
- margin-right: 0;
- }
- }
- }
-
- .wcs-service-logo {
- max-width: 45px;
- }
- }
-
- .addons-column {
- flex: 1;
- width: 50%;
- padding: 0 0.5em;
- }
-
- .addons-column:nth-child(2) {
- margin-right: 0;
- }
-
- .addons-small-dark-items {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-around;
- }
-
- .addons-small-dark-item {
- margin: 0 0 20px;
- }
-
- .addons-small-dark-item-icon img {
- height: 30px;
- }
-
- .addons-small-dark-item a {
- margin: 28px auto 0;
- }
-
- .addons-button-solid {
- background-color: #674399;
- color: #fff;
- }
-
- .addons-button-promoted {
- float: right;
- width: auto;
- padding: 0 20px;
- margin-top: 0;
- }
-
- .addons-button-promoted:hover {
- opacity: 0.8;
- }
-
- .addons-button-expandable {
- display: inline-block;
- padding: 0 16px;
- width: auto;
- }
-
- .addons-button-solid:hover {
- color: #fff;
- opacity: 0.8;
- }
-
- .addons-button-outline-green {
- border: 1px solid #73ae39;
- color: #73ae39;
- }
-
- .addons-button-outline-green:hover {
- color: #73ae39;
- opacity: 0.8;
- }
-
- .addons-button-outline-purple {
- border: 1px solid #674399;
- color: #674399;
- }
-
- .addons-button-outline-purple:hover {
- color: #674399;
- opacity: 0.8;
- }
-
- .addons-button-outline-white {
- border: 1px solid #fff;
- color: #fff;
- }
-
- .addons-button-outline-white:hover {
- color: #fff;
- opacity: 0.8;
- }
-
- .addons-button-installed {
- background: #e6e6e6;
- color: #3c3c3c;
- }
-
- .addons-button-installed:hover {
- color: #3c3c3c;
- opacity: 0.8;
- }
-
- @media only screen and (max-width: 400px) {
-
- .addons-button {
- width: 100%;
- }
-
- .addons-small-dark-item {
- width: 100%;
- }
- }
-
- .marketplace-content-wrapper {
- font-family: $font-sf-pro-text;
- margin: 0 auto;
- max-width: 1032px;
- width: 100%;
- }
-
- .addon-product-group {
- margin-bottom: 24px;
-
- &.wp-tour-kit-spotlit {
- padding: 20px;
- }
- }
-
- .addon-product-group-title {
- font-family: $font-sf-pro-display;
- font-size: 20px;
- font-weight: 400;
- line-height: 24px;
- margin: 0 0 4px;
- }
-
- .current-section-dropdown__title {
- display: none;
- font-family: $font-sf-pro-display;
- }
-
- .addon-product-group-description-container {
- align-items: center;
- display: flex;
- flex-direction: row;
- font-size: 14px;
- justify-content: space-between;
- line-height: 20px;
-
- .addon-product-group-see-more,
- .addon-product-group-see-more:visited {
- color: var(--wp-admin-theme-color, #007cba);
-
- /* Primary / Blue */
- display: block;
- font-size: 13px;
- text-decoration: none;
- }
- }
-
- .products {
- display: flex;
- flex-flow: row;
- flex-wrap: wrap;
- font-weight: 400;
- justify-content: space-between;
- margin: 0;
- max-width: 1032px;
- overflow: hidden;
-
- .product.addons-product-banner,
- .product.addons-buttons-banner {
- max-width: calc(100% - 2px);
- }
-
- @media screen and (min-width: 960px) {
- // Adjust heading titles font for three-column product groups
- &.addons-products-three-column li.product {
- max-width: calc(33.33% - 12px);
-
- h2,
- h3 {
- font-size: 16px;
- }
- }
- }
-
- li {
- background: #fff;
- border: 1px solid #dcdcde;
- border-radius: 2px;
- box-sizing: border-box;
- display: flex;
- flex: 1 0 auto;
- flex-direction: column;
- justify-content: space-between;
- margin: 12px 0;
- max-width: calc(50% - 12px);
- min-width: 280px;
- min-height: 220px;
- overflow: hidden;
- padding: 0;
- vertical-align: top;
-
- &.addons-full-width {
- max-width: 100%;
- }
-
- @media only screen and (max-width: 768px) {
- max-width: none;
- width: 100%;
- }
-
- a {
- text-decoration: none;
- }
-
- .product-details {
- padding: 24px;
- position: relative;
-
- /* Display an image (product's icon) top right */
- .product-img-wrap {
- display: block;
- margin-left: 24px;
- position: absolute;
- right: 24px;
- top: 24px;
-
- img {
- border-radius: 3px;
- display: block;
- margin: 0;
- max-width: 48px;
- max-height: 48px;
- }
- }
-
- /* Align aproduct-related banner image vertically centered */
- &.addon-product-banner-details {
- align-items: center;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
-
- .product-img-wrap {
- position: unset;
-
- img {
- max-width: 150px;
- max-height: 150px;
- }
- }
- }
-
- h2,
- h3 {
- color: var(--wp-admin-theme-color, #007cba);
- font-size: 20px;
- font-weight: 400;
- letter-spacing: -0.32px;
- line-height: 28px;
- margin: 0 !important;
- // Don't cover a product icon
- max-width: calc(100% - 48px);
- }
-
- .addons-buttons-banner-details h2 {
- color: #1d2327; // Gray / Gray 90
- }
-
- &.featured,
- &.promoted {
-
- .label {
- align-items: center;
- border-radius: 2px;
- background: #dcdcde;
- display: flex;
- flex-direction: row;
- height: 20px;
- justify-content: flex-end;
- margin-bottom: 8px;
- max-width: 52px;
- padding: 3px 12px;
- top: 28px;
- right: 24px;
- text-align: center;
-
- &.promoted {
- float: right;
- max-width: 58px;
- }
- }
-
- h2 {
- color: var(--wp-admin-theme-color, #2c3338);
- }
- }
-
- p {
- color: $gray-900;
- font-size: 14px;
- line-height: 20px;
- margin: 14px 64px 0 0;
- width: 100%;
- }
-
- .addons-buttons-banner-details p {
- font-size: 14px;
- margin-bottom: 14px;
- max-width: none;
- }
-
- .product-developed-by {
- color: #50575e;
-
- /* Gray 60 */
- font-size: 12px;
- line-height: 20px;
- margin-top: 4px;
-
- .product-vendor-link {
- color: #50575e;
-
- /* Gray 60 */
- }
- }
-
- .product-developed-by {
- color: #50575e; // Gray 60
- font-size: 12px;
- font-family: sans-serif;
- line-height: 20px;
- margin-top: 4px;
-
- .product-vendor-link {
- color: #50575e; // Gray 60
- }
- }
- }
-
- .product-footer {
- align-items: center;
- border-top: 1px solid #dcdcde;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- padding: 24px;
-
- .price {
- font-size: 16px;
- color: #1d2327;
- }
-
- .price-suffix {
- color: $gray-700;
- }
-
- .product-reviews-block {
- display: flex;
- flex-direction: row;
- margin-top: 4px;
-
- .product-rating-star {
- background-repeat: no-repeat;
- background-size: contain;
- height: 16px;
- margin: 4px 4px 4px 0;
- width: 17px;
-
- &__fill {
- background-image: url("../images/icons/star-golden.svg");
- }
-
- &__half-fill {
- background-image: url("../images/icons/star-half-filled.svg");
- }
-
- &__no-fill {
- background-image: url("../images/icons/star-gray.svg");
- }
- }
-
- .product-reviews-count {
- color: $gray-700;
- font-size: 12px;
- font-family: sans-serif;
- line-height: 24px;
- letter-spacing: -0.154px;
- margin-left: 4px;
- }
- }
-
- .button {
- background-color: #fff;
- border-color: var(--wp-admin-theme-color, #007cba);
- color: var(--wp-admin-theme-color, #007cba);
- float: right;
- font-size: 13px;
- height: 36px;
- line-height: 30px;
- padding: 2px 14px;
- }
- }
- }
-
- .product-footer-promoted {
- align-items: flex-end;
- display: flex;
- justify-content: space-between;
- padding: 24px;
-
- .icon img {
- border-radius: 4px;
- width: 80px;
- }
- }
-
- .addons-buttons-banner {
- display: flex;
- flex-direction: row;
-
- .addons-buttons-banner-image {
- background-repeat: no-repeat;
- background-size: cover;
- height: 190px;
- margin: 24px;
- width: 200px;
- }
-
- .addons-buttons-banner-details-container {
- padding-left: 0;
- width: calc(100% - 198px - 24px - 24px);
- }
-
- .addons-buttons-banner-details-container {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- }
-
- .button.addons-buttons-banner-button,
- .button.addons-buttons-banner-button:hover {
- background: #fff;
- border: 1.5px solid #624594;
- color: #624594;
- padding: 4px 12px;
- margin-right: 16px;
-
- &.addons-buttons-banner-button-primary {
- background-color: #624594;
- color: #fff;
- }
- }
- }
- }
-
- .storefront {
- max-width: 990px;
- background: url("../images/storefront-bg.jpg") bottom right #f6f6f6;
- border: 1px solid #ddd;
- margin: 1em auto;
- padding: 24px;
- overflow: hidden;
- zoom: 1;
-
- img {
- display: block;
- width: 100%;
- max-width: 400px;
- height: auto;
- margin: 0 auto 16px;
- box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
- }
-
- p:last-of-type {
- margin-bottom: 0;
- }
-
- p {
- max-width: 750px;
- }
- }
-}
-
-.marketplace-header__tabs {
- display: flex;
- margin: 0;
-}
-
-.marketplace-header__tab {
- display: flex;
- flex: 1;
- margin: 0;
-}
-
-.marketplace-header__tab-link {
- align-items: center;
- border-bottom: 2px solid transparent;
- box-sizing: border-box;
- display: flex;
- font-size: 14px;
- height: 60px;
- justify-content: center;
- line-height: 20px;
- padding: 0 24px;
- text-decoration: none;
- width: 100%;
-
- &.is-current {
- border-bottom: 2px solid #1e1e1e;
- color: #1e1e1e;
- }
-}
-
-.no-touch,
-.no-js {
-
- .wc-addons-wrap {
-
- .current-section-dropdown:hover {
-
- ul {
- display: flex;
- }
-
- .current-section-name::after {
- transform: rotate(0.5turn);
- }
- }
+ .update-plugins .update-count {
+ background-color: var(--wp-admin-theme-color, #d54e21);
+ border-radius: 10px;
+ color: #fff;
+ display: inline-block;
+ font-size: 9px;
+ font-weight: 600;
+ line-height: 17px;
+ margin: 1px 0 0 4px;
+ padding: 0 6px;
+ vertical-align: text-top;
}
}
@@ -8293,28 +7468,6 @@ table.bar_chart {
.woocommerce_options_panel p.form-field {
padding: 5px 20px !important;
}
-
- .addons-wcs-banner-block {
- flex-direction: column;
- }
-
- .wc-addons-wrap {
-
- .addons-wcs-banner-block {
- padding: 40px;
- }
-
- .addons-wcs-banner-block-image {
- text-align: center;
- width: 100%;
- padding: 2em 0;
- margin: 0;
-
- .addons-img {
- margin: 0;
- }
- }
- }
}
/**
@@ -9818,130 +8971,6 @@ table.bar_chart {
font-weight: 700;
}
-.wc-addons__empty {
- margin: 48px auto;
- max-width: 640px;
-
- h2 {
- font-size: 20px;
- font-weight: 400;
- line-height: 1.2;
- }
-
- p {
- font-size: 16px;
- line-height: 1.5;
- }
-}
-
-@media screen and (min-width: 600px) {
-
- .wc-addons-wrap {
-
- .marketplace-header {
- padding-left: 84px;
- }
-
- .storefront {
-
- h2 {
- margin-top: 0;
- }
-
- img {
- float: left;
- margin: 0 16px 0 auto;
- width: 278px;
- }
- }
- }
-
- .marketplace-header__tab {
- flex: none;
- }
-}
-
-@media screen and (min-width: 961px) {
-
- .marketplace-header__tabs {
- margin-left: 84px;
- }
-}
-
-@media screen and (min-width: 1024px) {
-
- .current-section-name {
- display: none;
- }
-
- .wc-addons-wrap {
-
- .current-section-dropdown__title {
- display: block;
- font-size: 20px;
- font-weight: 400;
- line-height: 24px;
- margin: 0 0 16px;
- }
-
- .current-section-dropdown {
- background: none;
- border: none;
- margin-bottom: 32px;
- width: 100%;
-
- ul {
- background: none;
- border: none;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- margin-top: -12px;
- padding: 0;
- position: static;
-
- li {
- background: #fff;
- border: 1px solid #ccc;
- border-radius: 32px;
- font-size: 14px;
- line-height: 20px;
- margin: 12px 12px 0 0;
-
- &.current {
- background: var(--wp-admin-theme-color, #007cba);
- border: 1px solid var(--wp-admin-theme-color, #007cba);
-
- a {
- color: #fff;
- }
-
- a::after {
- background: none;
- }
- }
- }
-
- a,
- a:visited,
- a:hover,
- a:active {
- color: $gray-900;
- padding: 10px 16px !important;
- }
- }
-
- li:last-child {
-
- a::after {
- display: none;
- }
- }
- }
- }
-}
-
/**
* Product Reviews
*/
diff --git a/plugins/woocommerce/client/legacy/js/admin/woocommerce_admin.js b/plugins/woocommerce/client/legacy/js/admin/woocommerce_admin.js
index 4f5ca0a0ea9..500a3d0e3b6 100644
--- a/plugins/woocommerce/client/legacy/js/admin/woocommerce_admin.js
+++ b/plugins/woocommerce/client/legacy/js/admin/woocommerce_admin.js
@@ -740,53 +740,6 @@
);
}
} );
-
- var marketplaceSectionDropdown = $(
- '#marketplace-current-section-dropdown'
- );
- var marketplaceSectionName = $( '#marketplace-current-section-name' );
- var marketplaceMenuIsOpen = false;
-
- // Add event listener to toggle Marketplace menu on touch devices
- if ( marketplaceSectionDropdown.length ) {
- if ( isTouchDevice() ) {
- marketplaceSectionName.on( 'click', function () {
- marketplaceMenuIsOpen = ! marketplaceMenuIsOpen;
- if ( marketplaceMenuIsOpen ) {
- marketplaceSectionDropdown.addClass( 'is-open' );
- $( document ).on( 'click', maybeToggleMarketplaceMenu );
- } else {
- marketplaceSectionDropdown.removeClass( 'is-open' );
- $( document ).off(
- 'click',
- maybeToggleMarketplaceMenu
- );
- }
- } );
- } else {
- document.body.classList.add( 'no-touch' );
- }
- }
-
- // Close menu if the user clicks outside it
- function maybeToggleMarketplaceMenu( e ) {
- if (
- ! marketplaceSectionDropdown.is( e.target ) &&
- marketplaceSectionDropdown.has( e.target ).length === 0
- ) {
- marketplaceSectionDropdown.removeClass( 'is-open' );
- marketplaceMenuIsOpen = false;
- $( document ).off( 'click', maybeToggleMarketplaceMenu );
- }
- }
-
- function isTouchDevice() {
- return (
- 'ontouchstart' in window ||
- navigator.maxTouchPoints > 0 ||
- navigator.msMaxTouchPoints > 0
- );
- }
} );
$( function() {
diff --git a/plugins/woocommerce/includes/admin/views/html-admin-page-addons-category-nav.php b/plugins/woocommerce/includes/admin/views/html-admin-page-addons-category-nav.php
deleted file mode 100644
index a9afb1fdf6c..00000000000
--- a/plugins/woocommerce/includes/admin/views/html-admin-page-addons-category-nav.php
+++ /dev/null
@@ -1,36 +0,0 @@
-<?php
-/**
- * Admin View: Page - Addons - category navigation
- *
- * @package WooCommerce\Admin
- * @var array $sections
- * @var string $current_section
- * @var string $current_section_name
- */
-
-if ( ! defined( 'ABSPATH' ) ) {
- exit;
-}
-?>
-<div id="marketplace-current-section-dropdown" class="current-section-dropdown">
- <h2 class="current-section-dropdown__title"><?php esc_html_e( 'Browse categories', 'woocommerce' ); ?></h2>
- <ul>
- <?php foreach ( $sections as $section ) : ?>
- <?php
- if ( $current_section === $section->slug && '_featured' !== $section->slug ) {
- $current_section_name = $section->label;
- }
- ?>
- <?php if ( $current_section === $section->slug ) : ?>
- <li class="current">
- <?php else: ?>
- <li>
- <?php endif; ?>
- <a href="<?php echo esc_url( admin_url( 'admin.php?page=wc-addons§ion=' . esc_attr( $section->slug ) ) ); ?>">
- <?php echo esc_html( $section->label ); ?>
- </a>
- </li>
- <?php endforeach; ?>
- </ul>
- <div id="marketplace-current-section-name" class="current-section-name"><?php echo esc_html( $current_section_name ); ?></div>
-</div>