sunweb

Search Result

components search result search-result search result

Definition


The Search Result component is used to show results of the users search.

c-search-result
Selections
9,2

Appartementen Coral Compostela Beach

  1. Catalonia
  2. Costa Brava
  3. Palamós
Most booked in Greece
  • Beach: ± 250 meter
  • Centre: ± 500 meter
  • Airport: ± 7 kilometer
  • Supermarket: ± 7 kilometer
  • Last room available
  • Last booking: 1h ago

The component gives a lot of information, but not all this information is mandatory, so the component could be more simple.
The collection label is only shown if the brand has theme color schemes.

c-search-result
9,2

Appartementen Coral Compostela Beach

  1. Catalonia
  2. Costa Brava
  3. Palamós
  • Beach: ± 250 meter
  • Centre: ± 500 meter
  • Airport: ± 7 kilometer
  • Supermarket: ± 7 kilometer

    c-search-result > c-search-result--is-unavailable

    When an acco has no price, it appears as unavailable. This changes a little bit how the right part is shown and hides the price-related information.

    Selections
    9,2

    Appartementen Coral Compostela Beach

    1. Catalonia
    2. Costa Brava
    3. Palamós
    Most booked in Greece
    • Beach: ± 250 meter
    • Centre: ± 500 meter
    • Airport: ± 7 kilometer
    • Supermarket: ± 7 kilometer
    • Last room available
    • Last booking: 1h ago

    Variants


    c-search-result > c-search-result--condensed

    The condensed version hides some information, allowing to have a smaller result. This lets the user to see more results in the screen on mobile.
    The desktop versions has the same look and feel than the regular one.

    Selections
    9,2

    Appartementen Coral Compostela Beach

    1. Catalonia
    2. Costa Brava
    3. Palamós
    Most booked in Greece
    • Beach: ± 250 meter
    • Centre: ± 500 meter
    • Airport: ± 7 kilometer
    • Supermarket: ± 7 kilometer
    • Last room available
    • Last booking: 1h ago
    c-search-result > c-search-result--is-unavailable

    Unavailable version of condensed variant.

    Selections
    9,2

    Appartementen Coral Compostela Beach

    1. Catalonia
    2. Costa Brava
    3. Palamós
    Most booked in Greece
    • Beach: ± 250 meter
    • Centre: ± 500 meter
    • Airport: ± 7 kilometer
    • Supermarket: ± 7 kilometer
    • Last room available
    • Last booking: 1h ago
    c-search-result > c-search-result--compact

    The compact version it looks like the search result in mobile version.

    Selections
    9,2

    Appartementen Coral Compostela Beach

    1. Catalonia
    2. Costa Brava
    3. Palamós
    Most booked in Greece
    • Beach: ± 250 meter
    • Centre: ± 500 meter
    • Airport: ± 7 kilometer
    • Supermarket: ± 7 kilometer
    • Last room available
    • Last booking: 1h ago
    c-search-result > c-search-result--is-unavailable

    Unavailable version of compact variant.

    Selections
    9,2

    Appartementen Coral Compostela Beach

    1. Catalonia
    2. Costa Brava
    3. Palamós
    Most booked in Greece
    • Beach: ± 250 meter
    • Centre: ± 500 meter
    • Airport: ± 7 kilometer
    • Supermarket: ± 7 kilometer
    • Last room available
    • Last booking: 1h ago
    c-search-result > c-search-result--condensed-tiny > c-search-result--is-unavailable

    The unaviable condensed version that it looks like the mobile version.

    Selections
    9,2

    Appartementen Coral Compostela Beach

    1. Catalonia
    2. Costa Brava
    3. Palamós
    Most booked in Greece
    • Beach: ± 250 meter
    • Centre: ± 500 meter
    • Airport: ± 7 kilometer
    • Supermarket: ± 7 kilometer
    • Last room available
    • Last booking: 1h ago
    c-search-result > c-search-result--condensed-tiny

    The condensed version that it looks like the mobile version.

    Selections
    9,2

    Appartementen Coral Compostela Beach

    1. Catalonia
    2. Costa Brava
    3. Palamós
    Most booked in Greece
    • Beach: ± 250 meter
    • Centre: ± 500 meter
    • Airport: ± 7 kilometer
    • Supermarket: ± 7 kilometer
    • Last room available
    • Last booking: 1h ago

    Modal title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dignissimos dolorem doloremque enim inventore laborum neque, non quaerat soluta? Architecto at cumque earum, eum ipsa ipsum maxime sunt vero voluptates.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at atque consectetur cupiditate, debitis dignissimos dolorem eligendi est hic, ipsum iure nemo perspiciatis soluta! Beatae doloremque enim laudantium pariatur quasi.