diff --git a/packages/cxl-ui/src/components/cxl-marketing-nav.js b/packages/cxl-ui/src/components/cxl-marketing-nav.js index e38167004..8e989ab7d 100644 --- a/packages/cxl-ui/src/components/cxl-marketing-nav.js +++ b/packages/cxl-ui/src/components/cxl-marketing-nav.js @@ -242,21 +242,33 @@ export class CXLMarketingNavElement extends LitElement { * * @since 2023.02.11 */ - const overlays = document.querySelectorAll( - 'vaadin-context-menu-overlay[theme="cxl-marketing-nav"]' - ); - if (overlays.length > 1) { - const topLevelOverlay = overlays[0]; - const listBox = overlay.querySelector('vaadin-context-menu-list-box'); - const previousOverlay = overlays[overlays.length - 2]; - const previousListBox = previousOverlay.querySelector('vaadin-context-menu-list-box'); + // Check if we are on a wide screen. + if (this.wide) { + const overlays = document.querySelectorAll( + 'vaadin-context-menu-overlay[theme="cxl-marketing-nav"]' + ); + + if (overlays.length > 1) { + const topLevelOverlay = overlays[0]; + const listBox = overlay.querySelector('vaadin-context-menu-list-box'); + const previousOverlay = overlays[overlays.length - 2]; + const previousListBox = previousOverlay.querySelector('vaadin-context-menu-list-box'); + + // Reset list box height. + listBox.style.height = null; + + requestAnimationFrame(() => { + // Check if the child list box is shorter then the parent list box. + if (listBox.offsetHeight < previousListBox.offsetHeight) { + // Set the child list box height to the parent list box height. + listBox.style.height = `${previousListBox.offsetHeight}px`; + } - requestAnimationFrame(() => { - if (listBox.offsetHeight > previousListBox.offsetHeight) { + // Align the child overlay to the top of the top level overlay. overlay.style.top = topLevelOverlay.style.top; - } - }); + }); + } } /** diff --git a/packages/storybook/cxl-ui/cxl-marketing-nav.data.json b/packages/storybook/cxl-ui/cxl-marketing-nav.data.json index cd067bb3c..716a05ace 100644 --- a/packages/storybook/cxl-ui/cxl-marketing-nav.data.json +++ b/packages/storybook/cxl-ui/cxl-marketing-nav.data.json @@ -4,7 +4,7 @@ "depth": 0, "text": "Conversion optimization services", "component": "a", - "href": "https:\/\/conversionxl.com\/agency\/", + "href": "https://conversionxl.com/agency/", "id": 95, "parent": 0, "children": [ @@ -12,7 +12,7 @@ "depth": 1, "text": "See Agency services", "component": "a", - "href": "https:\/\/conversionxl.com\/agency\/", + "href": "https://conversionxl.com/agency/", "id": 101, "parent": 95 }, @@ -30,9 +30,9 @@ "primary": [ { "depth": 0, - "text": "My dashboard <\/vaadin-icon>", + "text": "My dashboard ", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/dashboard\/", + "href": "https://conversionxl.com/institute/dashboard/", "id": 35, "parent": 0, "children": [ @@ -40,7 +40,7 @@ "depth": 1, "text": "See my roadmap", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/dashboard\/roadmap\/", + "href": "https://conversionxl.com/institute/dashboard/roadmap/", "id": 43, "parent": 35 }, @@ -48,7 +48,7 @@ "depth": 1, "text": "Edit my roadmap", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/roadmap\/individual\/", + "href": "https://conversionxl.com/institute/roadmap/individual/", "id": 44, "parent": 35 }, @@ -56,7 +56,7 @@ "depth": 1, "text": "Edit team roadmap", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/roadmap\/team\/", + "href": "https://conversionxl.com/institute/roadmap/team/", "id": 45, "parent": 35 }, @@ -64,7 +64,7 @@ "depth": 1, "text": "See team progress", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/dashboard\/team\/", + "href": "https://conversionxl.com/institute/dashboard/team/", "id": 46, "parent": 35 } @@ -72,9 +72,9 @@ }, { "depth": 0, - "text": "Minidegrees <\/vaadin-icon>", + "text": "Minidegrees ", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/online-courses\/?_categories=minidegree-programs", + "href": "https://conversionxl.com/institute/online-courses/?_categories=minidegree-programs", "id": 36, "parent": 0, "children": [ @@ -82,7 +82,7 @@ "depth": 1, "text": "Conversion optimization", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/cxl-conversion-optimization\/", + "href": "https://conversionxl.com/institute/certificate/cxl-conversion-optimization/", "id": 47, "parent": 36 }, @@ -90,7 +90,7 @@ "depth": 1, "text": "Digital psychology and persuasion", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/cxl-psychology-persuasion\/", + "href": "https://conversionxl.com/institute/certificate/cxl-psychology-persuasion/", "id": 48, "parent": 36 }, @@ -98,7 +98,7 @@ "depth": 1, "text": "Growth marketing", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/cxl-growth-marketing\/", + "href": "https://conversionxl.com/institute/certificate/cxl-growth-marketing/", "id": 49, "parent": 36 }, @@ -106,7 +106,7 @@ "depth": 1, "text": "Digital analytics", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/cxl-digital-analytics\/", + "href": "https://conversionxl.com/institute/certificate/cxl-digital-analytics/", "id": 50, "parent": 36 } @@ -114,12 +114,220 @@ }, { "depth": 0, - "text": "Online courses <\/vaadin-icon>", + "text": "Online courses ", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/online-courses\/", + "href": "https://conversionxl.com/institute/online-courses/", "id": 37, "parent": 0, "children": [ + { + "depth": 1, + "text": "Analytics", + "id": 52, + "parent": 37, + "children": [ + { + "depth": 2, + "text": "Adobe Analytics \u2013 beginner", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/adobe-analytics/", + "id": 62, + "parent": 52 + }, + { + "depth": 2, + "text": "Google Analytics \u2013 beginner", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/google-analytics-beginners/", + "id": 63, + "parent": 52 + }, + { + "depth": 2, + "text": "Google Analytics \u2013 intermediate", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/intermediate-google-analytics/", + "id": 64, + "parent": 52 + }, + { + "depth": 2, + "text": "Google Tag Manager \u2013 beginner", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/fundamentals-of-google-tag-manager/", + "id": 65, + "parent": 52 + }, + { + "depth": 2, + "text": "Google Tag Manager \u2013 intermediate", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/intermediate-google-tag-manager/", + "id": 66, + "parent": 52 + }, + { + "depth": 2, + "text": "Google Tag Manager \u2013 advanced", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/advanced-google-tag-manager/", + "id": 67, + "parent": 52 + }, + { + "depth": 2, + "text": "Product analytics", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/product-analytics/", + "id": 68, + "parent": 52 + } + ] + }, + { + "depth": 1, + "text": "Conversion optimization", + "id": 53, + "parent": 37, + "children": [ + { + "depth": 2, + "text": "Account based marketing", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/account-based-marketing/", + "id": 69, + "parent": 53 + }, + { + "depth": 2, + "text": "Advanced AI for marketers", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/advanced-ai-marketing/", + "id": 70, + "parent": 53 + }, + { + "depth": 2, + "text": "Content strategy \u2013 B2B", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/content-strategy-seo-lead-generation/", + "id": 71, + "parent": 53 + }, + { + "depth": 2, + "text": "Data-driven influencer marketing", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/influencer-marketing/", + "id": 72, + "parent": 53 + }, + { + "depth": 2, + "text": "Facebook ads", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/facebook-ads/", + "id": 73, + "parent": 53 + }, + { + "depth": 2, + "text": "Google Ads \u2013 intermediate", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/google-ads/", + "id": 74, + "parent": 53 + }, + { + "depth": 2, + "text": "Google Ads \u2013 maximizing audiences", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/maximizing-audiences-ppc/", + "id": 75, + "parent": 53 + }, + { + "depth": 2, + "text": "LinkedIn advertising", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/linkedin-advertising/", + "id": 76, + "parent": 53 + }, + { + "depth": 2, + "text": "Marketing management", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/marketing-management/", + "id": 77, + "parent": 53 + }, + { + "depth": 2, + "text": "Marketing tech stack", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/optimizing-your-marketing-tech-stack/", + "id": 78, + "parent": 53 + }, + { + "depth": 2, + "text": "Product marketing", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/product-marketing-for-technology-companies/", + "id": 79, + "parent": 53 + }, + { + "depth": 2, + "text": "Project management for marketers", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/project-management-for-marketers/", + "id": 80, + "parent": 53 + }, + { + "depth": 2, + "text": "Retention for subscription products", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/retention/", + "id": 81, + "parent": 53 + }, + { + "depth": 2, + "text": "SEO \u2013 editorial calendar", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/editorial-calendar/", + "id": 82, + "parent": 53 + }, + { + "depth": 2, + "text": "Technical SEO", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/technical-seo/", + "id": 83, + "parent": 53 + }, + { + "depth": 2, + "text": "User-centric marketing", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/user-centric-marketing/", + "id": 84, + "parent": 53 + }, + { + "depth": 2, + "text": "YouTube ads", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/youtube-ads/", + "id": 85, + "parent": 53 + } + ] + }, { "depth": 1, "text": "CRO & UX", @@ -129,9 +337,9 @@ { "description": "This is a sample description", "depth": 2, - "text": "A\/B testing", + "text": "A/B testing", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/ab-testing-mastery\/", + "href": "https://conversionxl.com/institute/certificate/ab-testing-mastery/", "id": 54, "parent": 51 }, @@ -139,7 +347,7 @@ "depth": 2, "text": "Conversion optimization audits", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/conversion-optimization-audits\/", + "href": "https://conversionxl.com/institute/certificate/conversion-optimization-audits/", "id": 55, "parent": 51 }, @@ -147,7 +355,7 @@ "depth": 2, "text": "CRO agency masterclass", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/cro-agency\/", + "href": "https://conversionxl.com/institute/certificate/cro-agency/", "id": 56, "parent": 51 }, @@ -155,7 +363,7 @@ "depth": 2, "text": "Experimentation analysis", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/advanced-experimentation-analysis\/", + "href": "https://conversionxl.com/institute/certificate/advanced-experimentation-analysis/", "id": 57, "parent": 51 }, @@ -163,7 +371,7 @@ "depth": 2, "text": "Landing page optimization", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/landing-page-optimization\/", + "href": "https://conversionxl.com/institute/certificate/landing-page-optimization/", "id": 58, "parent": 51 }, @@ -171,7 +379,7 @@ "depth": 2, "text": "Neuromarketing", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/applied-neuromarketing\/", + "href": "https://conversionxl.com/institute/certificate/applied-neuromarketing/", "id": 59, "parent": 51 }, @@ -179,15 +387,15 @@ "depth": 2, "text": "Sales copywriting & product messaging", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/product-messaging\/", + "href": "https://conversionxl.com/institute/certificate/product-messaging/", "id": 60, "parent": 51 }, { "depth": 2, - "text": "Statistics for A\/B testing", + "text": "Statistics for A/B testing", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/statistics-for-ab-testing\/", + "href": "https://conversionxl.com/institute/certificate/statistics-for-ab-testing/", "id": 61, "parent": 51 } @@ -195,71 +403,151 @@ }, { "depth": 1, - "text": "Analytics", - "id": 52, + "text": "Marketing", + "id": 53, "parent": 37, "children": [ { "depth": 2, - "text": "Adobe Analytics \u2013 beginner", + "text": "Account based marketing", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/adobe-analytics\/", - "id": 62, - "parent": 52 + "href": "https://conversionxl.com/institute/certificate/account-based-marketing/", + "id": 69, + "parent": 53 }, { "depth": 2, - "text": "Google Analytics \u2013 beginner", + "text": "Advanced AI for marketers", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/google-analytics-beginners\/", - "id": 63, - "parent": 52 + "href": "https://conversionxl.com/institute/certificate/advanced-ai-marketing/", + "id": 70, + "parent": 53 }, { "depth": 2, - "text": "Google Analytics \u2013 intermediate", + "text": "Content strategy \u2013 B2B", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/intermediate-google-analytics\/", - "id": 64, - "parent": 52 + "href": "https://conversionxl.com/institute/certificate/content-strategy-seo-lead-generation/", + "id": 71, + "parent": 53 }, { "depth": 2, - "text": "Google Tag Manager \u2013 beginner", + "text": "Data-driven influencer marketing", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/fundamentals-of-google-tag-manager\/", - "id": 65, - "parent": 52 + "href": "https://conversionxl.com/institute/certificate/influencer-marketing/", + "id": 72, + "parent": 53 }, { "depth": 2, - "text": "Google Tag Manager \u2013 intermediate", + "text": "Facebook ads", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/intermediate-google-tag-manager\/", - "id": 66, - "parent": 52 + "href": "https://conversionxl.com/institute/certificate/facebook-ads/", + "id": 73, + "parent": 53 }, { "depth": 2, - "text": "Google Tag Manager \u2013 advanced", + "text": "Google Ads \u2013 intermediate", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/advanced-google-tag-manager\/", - "id": 67, - "parent": 52 + "href": "https://conversionxl.com/institute/certificate/google-ads/", + "id": 74, + "parent": 53 }, { "depth": 2, - "text": "Product analytics", + "text": "Google Ads \u2013 maximizing audiences", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/product-analytics\/", - "id": 68, - "parent": 52 + "href": "https://conversionxl.com/institute/certificate/maximizing-audiences-ppc/", + "id": 75, + "parent": 53 + }, + { + "depth": 2, + "text": "LinkedIn advertising", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/linkedin-advertising/", + "id": 76, + "parent": 53 + }, + { + "depth": 2, + "text": "Marketing management", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/marketing-management/", + "id": 77, + "parent": 53 + }, + { + "depth": 2, + "text": "Marketing tech stack", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/optimizing-your-marketing-tech-stack/", + "id": 78, + "parent": 53 + }, + { + "depth": 2, + "text": "Product marketing", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/product-marketing-for-technology-companies/", + "id": 79, + "parent": 53 + }, + { + "depth": 2, + "text": "Project management for marketers", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/project-management-for-marketers/", + "id": 80, + "parent": 53 + }, + { + "depth": 2, + "text": "Retention for subscription products", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/retention/", + "id": 81, + "parent": 53 + }, + { + "depth": 2, + "text": "SEO \u2013 editorial calendar", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/editorial-calendar/", + "id": 82, + "parent": 53 + }, + { + "depth": 2, + "text": "Technical SEO", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/technical-seo/", + "id": 83, + "parent": 53 + }, + { + "depth": 2, + "text": "User-centric marketing", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/user-centric-marketing/", + "id": 84, + "parent": 53 + }, + { + "depth": 2, + "text": "YouTube ads", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/youtube-ads/", + "id": 85, + "parent": 53 } ] }, { "depth": 1, - "text": "Marketing", + "text": "Digital marketing", "id": 53, "parent": 37, "children": [ @@ -267,7 +555,7 @@ "depth": 2, "text": "Account based marketing", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/account-based-marketing\/", + "href": "https://conversionxl.com/institute/certificate/account-based-marketing/", "id": 69, "parent": 53 }, @@ -275,7 +563,7 @@ "depth": 2, "text": "Advanced AI for marketers", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/advanced-ai-marketing\/", + "href": "https://conversionxl.com/institute/certificate/advanced-ai-marketing/", "id": 70, "parent": 53 }, @@ -283,7 +571,7 @@ "depth": 2, "text": "Content strategy \u2013 B2B", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/content-strategy-seo-lead-generation\/", + "href": "https://conversionxl.com/institute/certificate/content-strategy-seo-lead-generation/", "id": 71, "parent": 53 }, @@ -291,7 +579,7 @@ "depth": 2, "text": "Data-driven influencer marketing", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/influencer-marketing\/", + "href": "https://conversionxl.com/institute/certificate/influencer-marketing/", "id": 72, "parent": 53 }, @@ -299,7 +587,7 @@ "depth": 2, "text": "Facebook ads", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/facebook-ads\/", + "href": "https://conversionxl.com/institute/certificate/facebook-ads/", "id": 73, "parent": 53 }, @@ -307,7 +595,7 @@ "depth": 2, "text": "Google Ads \u2013 intermediate", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/google-ads\/", + "href": "https://conversionxl.com/institute/certificate/google-ads/", "id": 74, "parent": 53 }, @@ -315,7 +603,7 @@ "depth": 2, "text": "Google Ads \u2013 maximizing audiences", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/maximizing-audiences-ppc\/", + "href": "https://conversionxl.com/institute/certificate/maximizing-audiences-ppc/", "id": 75, "parent": 53 }, @@ -323,7 +611,7 @@ "depth": 2, "text": "LinkedIn advertising", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/linkedin-advertising\/", + "href": "https://conversionxl.com/institute/certificate/linkedin-advertising/", "id": 76, "parent": 53 }, @@ -331,7 +619,7 @@ "depth": 2, "text": "Marketing management", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/marketing-management\/", + "href": "https://conversionxl.com/institute/certificate/marketing-management/", "id": 77, "parent": 53 }, @@ -339,7 +627,7 @@ "depth": 2, "text": "Marketing tech stack", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/optimizing-your-marketing-tech-stack\/", + "href": "https://conversionxl.com/institute/certificate/optimizing-your-marketing-tech-stack/", "id": 78, "parent": 53 }, @@ -347,7 +635,7 @@ "depth": 2, "text": "Product marketing", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/product-marketing-for-technology-companies\/", + "href": "https://conversionxl.com/institute/certificate/product-marketing-for-technology-companies/", "id": 79, "parent": 53 }, @@ -355,7 +643,7 @@ "depth": 2, "text": "Project management for marketers", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/project-management-for-marketers\/", + "href": "https://conversionxl.com/institute/certificate/project-management-for-marketers/", "id": 80, "parent": 53 }, @@ -363,7 +651,7 @@ "depth": 2, "text": "Retention for subscription products", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/retention\/", + "href": "https://conversionxl.com/institute/certificate/retention/", "id": 81, "parent": 53 }, @@ -371,7 +659,7 @@ "depth": 2, "text": "SEO \u2013 editorial calendar", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/editorial-calendar\/", + "href": "https://conversionxl.com/institute/certificate/editorial-calendar/", "id": 82, "parent": 53 }, @@ -379,7 +667,7 @@ "depth": 2, "text": "Technical SEO", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/technical-seo\/", + "href": "https://conversionxl.com/institute/certificate/technical-seo/", "id": 83, "parent": 53 }, @@ -387,7 +675,7 @@ "depth": 2, "text": "User-centric marketing", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/user-centric-marketing\/", + "href": "https://conversionxl.com/institute/certificate/user-centric-marketing/", "id": 84, "parent": 53 }, @@ -395,7 +683,7 @@ "depth": 2, "text": "YouTube ads", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/certificate\/youtube-ads\/", + "href": "https://conversionxl.com/institute/certificate/youtube-ads/", "id": 85, "parent": 53 } @@ -403,91 +691,179 @@ }, { "depth": 1, - "text": "Parent length > Child length", - "href": "#", - "id": 0, - "parent": 0, + "text": "Growth marketing", + "id": 53, + "parent": 37, "children": [ { "depth": 2, - "text": "Item #1", + "text": "Account based marketing", "component": "a", - "href": "#", + "href": "https://conversionxl.com/institute/certificate/account-based-marketing/", "id": 69, "parent": 53 }, { "depth": 2, - "text": "Item #2", + "text": "Advanced AI for marketers", "component": "a", - "href": "#", - "id": 69, + "href": "https://conversionxl.com/institute/certificate/advanced-ai-marketing/", + "id": 70, "parent": 53 }, { "depth": 2, - "text": "Item #3", + "text": "Content strategy \u2013 B2B", "component": "a", - "href": "#", - "id": 69, + "href": "https://conversionxl.com/institute/certificate/content-strategy-seo-lead-generation/", + "id": 71, "parent": 53 - } - ] - }, - { - "depth": 1, - "text": "Child length > Parent length", - "href": "#", - "id": 0, - "parent": 0, - "children": [ + }, { "depth": 2, - "text": "Item #1", + "text": "Data-driven influencer marketing", "component": "a", - "href": "#", - "id": 69, + "href": "https://conversionxl.com/institute/certificate/influencer-marketing/", + "id": 72, "parent": 53 }, { "depth": 2, - "text": "Item #2", + "text": "Facebook ads", "component": "a", - "href": "#", - "id": 69, + "href": "https://conversionxl.com/institute/certificate/facebook-ads/", + "id": 73, "parent": 53 }, { "depth": 2, - "text": "Item #3", + "text": "Google Ads \u2013 intermediate", "component": "a", - "href": "#", - "id": 69, + "href": "https://conversionxl.com/institute/certificate/google-ads/", + "id": 74, "parent": 53 }, { "depth": 2, - "text": "Item #4", + "text": "Google Ads \u2013 maximizing audiences", "component": "a", - "href": "#", - "id": 69, + "href": "https://conversionxl.com/institute/certificate/maximizing-audiences-ppc/", + "id": 75, "parent": 53 }, { "depth": 2, - "text": "Item #5", + "text": "LinkedIn advertising", "component": "a", - "href": "#", - "id": 69, + "href": "https://conversionxl.com/institute/certificate/linkedin-advertising/", + "id": 76, "parent": 53 }, { "depth": 2, - "text": "Item #6", + "text": "Marketing management", "component": "a", - "href": "#", - "id": 69, + "href": "https://conversionxl.com/institute/certificate/marketing-management/", + "id": 77, + "parent": 53 + }, + { + "depth": 2, + "text": "Marketing tech stack", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/optimizing-your-marketing-tech-stack/", + "id": 78, + "parent": 53 + }, + { + "depth": 2, + "text": "Product marketing", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/product-marketing-for-technology-companies/", + "id": 79, "parent": 53 + }, + { + "depth": 2, + "text": "Project management for marketers", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/project-management-for-marketers/", + "id": 80, + "parent": 53 + }, + { + "depth": 2, + "text": "Retention for subscription products", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/retention/", + "id": 81, + "parent": 53 + }, + { + "depth": 2, + "text": "SEO \u2013 editorial calendar", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/editorial-calendar/", + "id": 82, + "parent": 53 + }, + { + "depth": 2, + "text": "Technical SEO", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/technical-seo/", + "id": 83, + "parent": 53 + }, + { + "depth": 2, + "text": "User-centric marketing", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/user-centric-marketing/", + "id": 84, + "parent": 53 + }, + { + "depth": 2, + "text": "YouTube ads", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/youtube-ads/", + "id": 85, + "parent": 53 + } + ] + }, + { + "depth": 1, + "text": "Parent length > Child length", + "href": "#", + "id": 0, + "parent": 0, + "children": [ + { + "description": "This is a sample description", + "depth": 2, + "text": "A/B testing", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/ab-testing-mastery/", + "id": 54, + "parent": 51 + }, + { + "depth": 2, + "text": "Conversion optimization audits", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/conversion-optimization-audits/", + "id": 55, + "parent": 51 + }, + { + "depth": 2, + "text": "CRO agency masterclass", + "component": "a", + "href": "https://conversionxl.com/institute/certificate/cro-agency/", + "id": 56, + "parent": 51 } ] } @@ -497,7 +873,7 @@ "depth": 0, "text": "Upcoming courses", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/upcoming-courses\/", + "href": "https://conversionxl.com/institute/upcoming-courses/", "id": 38, "parent": 0 }, @@ -505,23 +881,23 @@ "depth": 0, "text": "Event videos", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/media\/", + "href": "https://conversionxl.com/institute/media/", "id": 39, "parent": 0 }, { "depth": 0, - "text": "<\/vaadin-icon> Invite team", + "text": " Invite team", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/my-account\/teams\/", + "href": "https://conversionxl.com/institute/my-account/teams/", "id": 40, "parent": 0 }, { "depth": 0, - "text": "<\/vaadin-icon> My account <\/vaadin-icon>", + "text": " My account ", "component": "a", - "href": "https:\/\/conversionxl.com\/institute\/my-account\/", + "href": "https://conversionxl.com/institute/my-account/", "id": 41, "parent": 0, "children": [ @@ -529,7 +905,7 @@ "depth": 1, "text": "Go to My Account", "component": "a", - "href": "http:\/\/localhost:8080\/my-account\/", + "href": "http://localhost:8080/my-account/", "id": 87, "parent": 41 }, @@ -540,7 +916,7 @@ "depth": 1, "text": "Subscriptions", "component": "a", - "href": "http:\/\/localhost:8080\/my-account\/subscriptions\/", + "href": "http://localhost:8080/my-account/subscriptions/", "id": 88, "parent": 41 }, @@ -548,7 +924,7 @@ "depth": 1, "text": "Orders", "component": "a", - "href": "http:\/\/localhost:8080\/my-account\/orders\/", + "href": "http://localhost:8080/my-account/orders/", "id": 89, "parent": 41 }, @@ -556,7 +932,7 @@ "depth": 1, "text": "Account details", "component": "a", - "href": "http:\/\/localhost:8080\/my-account\/edit-account\/", + "href": "http://localhost:8080/my-account/edit-account/", "id": 90, "parent": 41 }, @@ -568,7 +944,7 @@ "text": "Skip Trial Period", "description": "Gain unlimited instant access to all CXL features.", "component": "a", - "href": "http:\/\/localhost:8080\/my-account\/skip-trial-period\/", + "href": "http://localhost:8080/my-account/skip-trial-period/", "id": 90, "parent": 41 }, @@ -579,7 +955,7 @@ "depth": 1, "text": "Logout", "component": "a", - "href": "http:\/\/localhost:8080\/my-account\/logout\/", + "href": "http://localhost:8080/my-account/logout/", "id": 91, "parent": 41 }