FAQ
Contact Us
1-800-123-CRUISE
Log In
About Us
Travel Alerts
Home
Cruises
Destinations
Activities
Articles
<div class="algolia-analytics" data-promoted="${hit?._rankingInfo?.promoted}" data-insights-query-id="${hit.__queryID}" data-insights-object-id="${hit.objectID}" data-insights-position="${hit.__position}" data-cug="${hit?.meta?.cug}">${(function(){ var cbu = ''; var raw = hit.primaryimage || ''; var img = raw ? (raw.startsWith('http') ? raw : cbu + raw) : ''; var url = window.swSiteUrl('/cruises/' + (hit.slug || '') + '.html'); return html`<a class="aa-ItemLink" href="${url}"> <div class="aa-ItemContent"> ${img ? html`<div class="aa-ItemIcon aa-ItemIcon--alignTop"><img src="${img}" alt="" width="40" height="40" /></div>` : html`<div class="aa-ItemIcon aa-ItemIcon--alignTop aa-ItemIcon--placeholder"></div>`} <div class="aa-ItemContentBody"> <div class="aa-ItemContentTitle">${components.Highlight({ hit: hit, attribute: 'title' })}</div> ${hit.description ? html`<div class="aa-ItemContentDescription">${((hit._snippetResult && hit._snippetResult.description && hit._snippetResult.description.value) || hit.description || '').replace(/<[^>]+>/g, '')}</div>` : (hit.meta && hit.meta.jcr_description ? html`<div class="aa-ItemContentDescription">${components.Snippet({ hit: hit, attribute: ['meta', 'jcr_description'] })}</div>` : '')} </div> </div> </a>`; })()}</div>
<div class="aa-NoResults"><p class="aa-NoResults__title">No itineraries found</p><p class="aa-NoResults__hint">Try a different keyword or <a href="/us/en/cruises">browse all cruises</a>.</p></div>
<div class="algolia-analytics" data-promoted="${hit?._rankingInfo?.promoted}" data-insights-query-id="${hit.__queryID}" data-insights-object-id="${hit.objectID}" data-insights-position="${hit.__position}" data-cug="${hit?.meta?.cug}">${(function(){ var cbu = ''; var raw = hit.primaryimage || ''; var img = raw ? (raw.startsWith('http') ? raw : cbu + raw) : ''; var url = window.swSiteUrl('/cruises/' + (hit.slug || '') + '.html'); return html`<a class="aa-ItemLink" href="${url}"> <div class="aa-ItemContent"> ${img ? html`<div class="aa-ItemIcon aa-ItemIcon--alignTop"><img src="${img}" alt="" width="40" height="40" /></div>` : html`<div class="aa-ItemIcon aa-ItemIcon--alignTop aa-ItemIcon--placeholder"></div>`} <div class="aa-ItemContentBody"> <div class="aa-ItemContentTitle">${components.Highlight({ hit: hit, attribute: 'title' })}</div> ${hit.description ? html`<div class="aa-ItemContentDescription">${((hit._snippetResult && hit._snippetResult.description && hit._snippetResult.description.value) || hit.description || '').replace(/<[^>]+>/g, '')}</div>` : (hit.meta && hit.meta.jcr_description ? html`<div class="aa-ItemContentDescription">${components.Snippet({ hit: hit, attribute: ['meta', 'jcr_description'] })}</div>` : '')} </div> </div> </a>`; })()}</div>
<div class="aa-NoResults"><p class="aa-NoResults__title">No activities found</p><p class="aa-NoResults__hint">Try a different keyword or <a href="/us/en/activities">browse all activities</a>.</p></div>
<div class="algolia-analytics" data-promoted="${hit?._rankingInfo?.promoted}" data-insights-query-id="${hit.__queryID}" data-insights-object-id="${hit.objectID}" data-insights-position="${hit.__position}" data-cug="${hit?.meta?.cug}">${(function(){ var cbu = ''; var raw = hit.primaryimage || (hit.meta && hit.meta.filereference) || ''; var img = raw ? (raw.startsWith('http') ? raw : cbu + raw) : ''; var url = window.swSiteUrl('/articles/' + (hit.slug || '') + '.html'); return html`<a class="aa-ItemLink" href="${url}"> <div class="aa-ItemContent"> ${img ? html`<div class="aa-ItemIcon aa-ItemIcon--alignTop"><img src="${img}" alt="" width="40" height="40" /></div>` : html`<div class="aa-ItemIcon aa-ItemIcon--noBorder aa-ItemIcon--page"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path> <polyline points="14 2 14 8 20 8"></polyline> <line x1="8" y1="13" x2="16" y2="13"></line> <line x1="8" y1="17" x2="14" y2="17"></line> </svg> </div>`} <div class="aa-ItemContentBody"> <div class="aa-ItemContentTitle">${components.Highlight({ hit: hit, attribute: 'title' })}</div> ${hit.meta && hit.meta.jcr_description ? html`<div class="aa-ItemContentDescription">${components.Snippet({ hit: hit, attribute: ['meta', 'jcr_description'] })}</div>` : ''} </div> </div> </a>`; })()}</div>
<div class="aa-NoResults"><p class="aa-NoResults__title">No articles found</p><p class="aa-NoResults__hint">Try a different keyword or <a href="/us/en/articles">browse all articles</a>.</p></div>
${(function(){ // Curated suggested searches — always visible in the idle state // (focused with empty query). Clicking one navigates to the // federated search results page seeded with the query. var suggested = html` <section class="aa-Source sw-source sw-source--suggested"> <div class="sw-source__header"> <svg class="sw-source__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/> </svg> <span class="sw-source__title">Suggested searches</span> </div> <ul class="aa-List sw-suggested-list"> <li><a class="aa-ItemLink" href="/content/sw-cruises/us/en/search-results.html?query=Caribbean">Caribbean cruises</a></li> <li><a class="aa-ItemLink" href="/content/sw-cruises/us/en/search-results.html?query=Mediterranean">Mediterranean voyages</a></li> <li><a class="aa-ItemLink" href="/content/sw-cruises/us/en/search-results.html?query=Alaska%20glacier">Alaska glacier cruises</a></li> <li><a class="aa-ItemLink" href="/content/sw-cruises/us/en/search-results.html?query=Family">Family-friendly sailings</a></li> <li><a class="aa-ItemLink" href="/content/sw-cruises/us/en/search-results.html?query=Romantic">Romantic getaways</a></li> <li><a class="aa-ItemLink" href="/content/sw-cruises/us/en/search-results.html?query=Northern%20Lights">Northern lights tours</a></li> </ul> </section>`; // Recent searches frame — always renders the header. When the // plugin has no history yet, we show a small empty-state hint // instead of collapsing the section silently. var recentFrame = html` <section class="aa-Source sw-source sw-source--recent"> <div class="sw-source__header"> <svg class="sw-source__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <circle cx="12" cy="12" r="10"/> <polyline points="12 6 12 12 16 14"/> </svg> <span class="sw-source__title">Recent searches</span> </div> <div class="sw-source__body"> ${recentSearches} <p class="sw-source__empty">Your recent searches will show up here.</p> </div> </section>`; if (!query || !query.trim()) { return html`<div class="sw-panel sw-panel--idle"> <div class="sw-panel__col">${suggested}${recentFrame}</div> </div>`; } var noHits = !hasResults; if (noHits) { return html` <div class="sw-panel sw-panel--no-results"> <div class="sw-panel__col">${recentSearches}${noResultsMessage}</div> </div> <div class="aa-PanelFooter"> <a class="aa-PanelFooter__link" href="/content/sw-cruises/us/en/search-results.html?query=${encodeURIComponent(query)}"> See all results for “${query}” → </a> </div>`; } // Slim "Try also" rail rendered ABOVE the 3-column results so the // suggested + recent searches stay one click away while the user is // typing. The recent-searches plugin already returns its own list // when it has rows; we wrap it for chip styling. var rail = html` <div class="sw-rail"> <div class="sw-rail__row sw-rail__row--suggested"> <span class="sw-rail__label">Try</span> <div class="sw-rail__chips sw-rail__chips--plugin">${querySuggestions}</div> </div> <div class="sw-rail__row sw-rail__row--recent"> <span class="sw-rail__label">Recent</span> <div class="sw-rail__chips sw-rail__chips--plugin">${recentSearches}</div> </div> </div>`; return html` ${rail} <div class="sw-panel sw-panel--results"> <div class="sw-panel__col sw-panel__col--cruises"> <div class="sw-panel__col-title">Cruises</div> ${sources[0]} </div> <div class="sw-panel__col sw-panel__col--activities"> <div class="sw-panel__col-title">Activities</div> ${sources[1]} </div> <div class="sw-panel__col sw-panel__col--articles"> <div class="sw-panel__col-title">Articles</div> ${sources[2]} </div> </div> <div class="aa-PanelFooter"> <a class="aa-PanelFooter__link" href="/content/sw-cruises/us/en/search-results.html?query=${encodeURIComponent(query)}"> See all results for “${query}” → </a> </div>`; })()}
Book a Cruise
