News from the Cruise

Short Description:

The name of the component describes functionality and goal. News from the cruise in social media style. The main element in the component is an attractive image with a comment.

Marketing Purpose:

News from the Cruise is intended to give the user authentic insights from on board so that they have the feeling of being part of the respective journey. He should be inspired by this and be more inclined to book.

Figma - Schiffe

Figma - AOS (live)

Example

Ernährungsbewusste Foodies aufgepasst! In unserem veganen Restaurant starten wir mit einem vielfältigen, pflanzlichen und gesunden Frühstück in den Tag. 🌱🍃

AIDAperla

26.09.2023

Von AIDAperla aus gibt es immer einen schönen Ausblick und mit unseren Ferngläsern sieht man sogar besonders viel!

AIDAperla

14.12.2022

Einfach entspannen am Pool . Und noch ein Drink dazu. Was kann es besseres geben? 😉

AIDAperla

04.10.2022

Properties
Markup
JSON


    

    
        newsFolder:
        /content/dam/aida/de/schiffe/pe
    

    
        sling:resourceType:
        aida-component-library/core/components/content/newsFromTheCruise
    

    
        darkMode:
        true

    <div class="newsFromTheCruise">
  <div id="newsFromTheCruise-f3641e742b" class="cmp-news-from-the-cruise cmp-news-from-the-cruise--dark ">
    <div class="cmp-news-from-the-cruise__items">
      <div id="newsFromTheCruise-a28c9245c1" class="cmp-news-from-the-cruise__item cmp-contentfragment cmp-contentfragment--vegan-genießen" data-cmp-contentfragment-model="aida/models/news-from-the-cruise">
        <div class="cmp-news-from-the-cruise__item-image">
          <div data-cmp-is="image" data-cmp-widths="320,480,600,800,1024,1200,1600" data-cmp-dmimage="" data-cmp-src="https://s7e5a.scene7.com/is/image/aida/veganesrestaurant?qlt=85&amp;wid=%7B.width%7D&amp;ts=1695737824243&amp;dpr=off" data-cmp-filereference="/content/dam/aida/de/schiffe/pe/news-from-the-cruise/medien/veganesrestaurant.jpg" id="image-c617babc19" data-cmp-hook-image="imageV3" class="cmp-image" itemscope="" itemtype="http://schema.org/ImageObject">
            <img src="https://s7e5a.scene7.com/is/image/aida/veganesrestaurant?qlt=85&amp;wid=1600&amp;ts=1695737824243&amp;dpr=on,1" srcset="https://s7e5a.scene7.com/is/image/aida/veganesrestaurant?qlt=85&amp;wid=320&amp;ts=1695737824243&amp;dpr=off&amp;fit=constrain 320w,https://s7e5a.scene7.com/is/image/aida/veganesrestaurant?qlt=85&amp;wid=480&amp;ts=1695737824243&amp;dpr=off&amp;fit=constrain 480w,https://s7e5a.scene7.com/is/image/aida/veganesrestaurant?qlt=85&amp;wid=600&amp;ts=1695737824243&amp;dpr=off&amp;fit=constrain 600w,https://s7e5a.scene7.com/is/image/aida/veganesrestaurant?qlt=85&amp;wid=800&amp;ts=1695737824243&amp;dpr=off&amp;fit=constrain 800w,https://s7e5a.scene7.com/is/image/aida/veganesrestaurant?qlt=85&amp;wid=1024&amp;ts=1695737824243&amp;dpr=off&amp;fit=constrain 1024w,https://s7e5a.scene7.com/is/image/aida/veganesrestaurant?qlt=85&amp;wid=1200&amp;ts=1695737824243&amp;dpr=off&amp;fit=constrain 1200w,https://s7e5a.scene7.com/is/image/aida/veganesrestaurant?qlt=85&amp;wid=1600&amp;ts=1695737824243&amp;dpr=off&amp;fit=constrain 1600w" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="3024" height="4032" alt="news from the cruise">
          </div>
        </div>
        <div class="cmp-news-from-the-cruise__item-content">
          <div class="cmp-news-from-the-cruise__item-content-text">
            <div id="title-ac761c7bc1" class="cmp-title">
              <div class="cmp-title__text ">
                <span>Ernährungsbewusste Foodies aufgepasst! In unserem veganen Restaurant starten wir mit einem vielfältigen, pflanzlichen und gesunden Frühstück in den Tag. 🌱🍃</span>
              </div>
            </div>
          </div>
          <div class="cmp-news-from-the-cruise__item-content-footer">
            <div class="cmp-news-from-the-cruise__item-content-footer-image">
              <div data-cmp-is="image" data-cmp-src="/content/aida-component-library/library/page-authoring/AIDA-362-CP-News-from-the-Cruise.coreimg{.width}.svg/1664285543658/user-bright.svg" data-cmp-filereference="/content/dam/aida-component-library/icons/user-bright.svg" id="image-eddcfbbcd5" data-cmp-hook-image="imageV3" class="cmp-image" itemscope="" itemtype="http://schema.org/ImageObject">
                <img src="/content/dam/aida-component-library/icons/user-bright.svg" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="18" height="20" alt="user icon">
              </div>
            </div>
            <div class="cmp-news-from-the-cruise__item-content-footer-title">
              <div id="title-68f6fb7903" class="cmp-title">
                <div class="cmp-title__text ">
                  <span>AIDAperla</span>
                </div>
              </div>
            </div>
            <div class="cmp-news-from-the-cruise__item-content-footer-pretitle">
              <div id="title-59252263f1" class="cmp-title">
                <div class="cmp-title__text ">
                  <span>26.09.2023</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="newsFromTheCruise-a28c9245c1" class="cmp-news-from-the-cruise__item cmp-contentfragment cmp-contentfragment--schöner-ausblick-durchs-fernglas-auf-aidaperla" data-cmp-contentfragment-model="aida/models/news-from-the-cruise">
        <div class="cmp-news-from-the-cruise__item-image">
          <div data-cmp-is="image" data-cmp-widths="320,480,600,800,1024,1200,1600" data-cmp-dmimage="" data-cmp-src="https://s7e5a.scene7.com/is/image/aida/aidaperlaausblick?qlt=85&amp;wid=%7B.width%7D&amp;ts=1671024528643&amp;dpr=off" data-cmp-filereference="/content/dam/aida/de/schiffe/pe/news-from-the-cruise/medien/aidaperlaausblick.png" id="image-c617babc19" data-cmp-hook-image="imageV3" class="cmp-image" itemscope="" itemtype="http://schema.org/ImageObject">
            <img src="https://s7e5a.scene7.com/is/image/aida/aidaperlaausblick?qlt=85&amp;wid=1600&amp;ts=1671024528643&amp;dpr=on,1" srcset="https://s7e5a.scene7.com/is/image/aida/aidaperlaausblick?qlt=85&amp;wid=320&amp;ts=1671024528643&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 320w,https://s7e5a.scene7.com/is/image/aida/aidaperlaausblick?qlt=85&amp;wid=480&amp;ts=1671024528643&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 480w,https://s7e5a.scene7.com/is/image/aida/aidaperlaausblick?qlt=85&amp;wid=600&amp;ts=1671024528643&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 600w,https://s7e5a.scene7.com/is/image/aida/aidaperlaausblick?qlt=85&amp;wid=800&amp;ts=1671024528643&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 800w,https://s7e5a.scene7.com/is/image/aida/aidaperlaausblick?qlt=85&amp;wid=1024&amp;ts=1671024528643&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 1024w,https://s7e5a.scene7.com/is/image/aida/aidaperlaausblick?qlt=85&amp;wid=1200&amp;ts=1671024528643&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 1200w,https://s7e5a.scene7.com/is/image/aida/aidaperlaausblick?qlt=85&amp;wid=1600&amp;ts=1671024528643&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 1600w" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1024" height="683" alt="news from the cruise">
          </div>
        </div>
        <div class="cmp-news-from-the-cruise__item-content">
          <div class="cmp-news-from-the-cruise__item-content-text">
            <div id="title-ac761c7bc1" class="cmp-title">
              <div class="cmp-title__text ">
                <span>Von AIDAperla aus gibt es immer einen schönen Ausblick und mit unseren Ferngläsern sieht man sogar besonders viel!</span>
              </div>
            </div>
          </div>
          <div class="cmp-news-from-the-cruise__item-content-footer">
            <div class="cmp-news-from-the-cruise__item-content-footer-image">
              <div data-cmp-is="image" data-cmp-src="/content/aida-component-library/library/page-authoring/AIDA-362-CP-News-from-the-Cruise.coreimg{.width}.svg/1664285543658/user-bright.svg" data-cmp-filereference="/content/dam/aida-component-library/icons/user-bright.svg" id="image-eddcfbbcd5" data-cmp-hook-image="imageV3" class="cmp-image" itemscope="" itemtype="http://schema.org/ImageObject">
                <img src="/content/dam/aida-component-library/icons/user-bright.svg" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="18" height="20" alt="user icon">
              </div>
            </div>
            <div class="cmp-news-from-the-cruise__item-content-footer-title">
              <div id="title-68f6fb7903" class="cmp-title">
                <div class="cmp-title__text ">
                  <span>AIDAperla</span>
                </div>
              </div>
            </div>
            <div class="cmp-news-from-the-cruise__item-content-footer-pretitle">
              <div id="title-59252263f1" class="cmp-title">
                <div class="cmp-title__text ">
                  <span>14.12.2022</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="newsFromTheCruise-a28c9245c1" class="cmp-news-from-the-cruise__item cmp-contentfragment cmp-contentfragment--bar-am-pool" data-cmp-contentfragment-model="aida/models/news-from-the-cruise">
        <div class="cmp-news-from-the-cruise__item-image">
          <div data-cmp-is="image" data-cmp-widths="320,480,600,800,1024,1200,1600" data-cmp-dmimage="" data-cmp-src="https://s7e5a.scene7.com/is/image/aida/ac_040049-1?qlt=85&amp;wid=%7B.width%7D&amp;ts=1665564412042&amp;dpr=off" data-cmp-filereference="/content/dam/aida/de/schiffe/pe/news-from-the-cruise/medien/ac_040049.png" id="image-c617babc19" data-cmp-hook-image="imageV3" class="cmp-image" itemscope="" itemtype="http://schema.org/ImageObject">
            <img src="https://s7e5a.scene7.com/is/image/aida/ac_040049-1?qlt=85&amp;wid=1600&amp;ts=1665564412042&amp;dpr=on,1" srcset="https://s7e5a.scene7.com/is/image/aida/ac_040049-1?qlt=85&amp;wid=320&amp;ts=1665564412042&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 320w,https://s7e5a.scene7.com/is/image/aida/ac_040049-1?qlt=85&amp;wid=480&amp;ts=1665564412042&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 480w,https://s7e5a.scene7.com/is/image/aida/ac_040049-1?qlt=85&amp;wid=600&amp;ts=1665564412042&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 600w,https://s7e5a.scene7.com/is/image/aida/ac_040049-1?qlt=85&amp;wid=800&amp;ts=1665564412042&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 800w,https://s7e5a.scene7.com/is/image/aida/ac_040049-1?qlt=85&amp;wid=1024&amp;ts=1665564412042&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 1024w,https://s7e5a.scene7.com/is/image/aida/ac_040049-1?qlt=85&amp;wid=1200&amp;ts=1665564412042&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 1200w,https://s7e5a.scene7.com/is/image/aida/ac_040049-1?qlt=85&amp;wid=1600&amp;ts=1665564412042&amp;dpr=off&amp;fit=constrain&amp;fmt=png-alpha&amp;bfc=on 1600w" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="1024" height="683" alt="news from the cruise">
          </div>
        </div>
        <div class="cmp-news-from-the-cruise__item-content">
          <div class="cmp-news-from-the-cruise__item-content-text">
            <div id="title-ac761c7bc1" class="cmp-title">
              <div class="cmp-title__text ">
                <span>Einfach entspannen am Pool . Und noch ein Drink dazu. Was kann es besseres geben? 😉</span>
              </div>
            </div>
          </div>
          <div class="cmp-news-from-the-cruise__item-content-footer">
            <div class="cmp-news-from-the-cruise__item-content-footer-image">
              <div data-cmp-is="image" data-cmp-src="/content/aida-component-library/library/page-authoring/AIDA-362-CP-News-from-the-Cruise.coreimg{.width}.svg/1664285543658/user-bright.svg" data-cmp-filereference="/content/dam/aida-component-library/icons/user-bright.svg" id="image-eddcfbbcd5" data-cmp-hook-image="imageV3" class="cmp-image" itemscope="" itemtype="http://schema.org/ImageObject">
                <img src="/content/dam/aida-component-library/icons/user-bright.svg" loading="lazy" class="cmp-image__image" itemprop="contentUrl" width="18" height="20" alt="user icon">
              </div>
            </div>
            <div class="cmp-news-from-the-cruise__item-content-footer-title">
              <div id="title-68f6fb7903" class="cmp-title">
                <div class="cmp-title__text ">
                  <span>AIDAperla</span>
                </div>
              </div>
            </div>
            <div class="cmp-news-from-the-cruise__item-content-footer-pretitle">
              <div id="title-59252263f1" class="cmp-title">
                <div class="cmp-title__text ">
                  <span>04.10.2022</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

myAIDA

Careers

Page Authoring

Navigation

Containers

Utilities

News from the Cruise

Short Description:

Marketing Purpose:

Example