Component Overview

This page presents the components used in Roomio and Trendhopper projects. The components can be divided into:

Plasmic Components (mainly focused on providing content to the pages)
Code Components - extending the functionality of the website by providing dynamic data and rich features like handling the search and navigation across the website.

The Code Components include (this list may be expanded in the future):

PDP product viewer grid

Storefinder + stores list + google map

Navigation and elements of the navigation

Search related elements

Video loader

Pop-up

Dynamic teaser grids loading products from Hygraph like "Teaser Grid 4C - 3/3/3/3 cards dynamic"
CMS - Content Builder

Changes to particular components - changing the font size, font weight, font color, background color, orientation of the text within the component - are usually also possible, to fine-tune the component and make it match the brand's styling guide. Additionally, the components which are used in the CMS have got an annotation included in their titles.

Teaser Grid 1C - full

image: 16:10 landscape

Roomio! Mein Roomio!

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil.

Teaser Grid 1C - card

image: 16:10 landscape

Roomio! Mein Roomio!

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil.

Teaser Grid 1C - full (text centered)

image: 16:10 landscape

Roomio! Mein Roomio!

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil.

Teaser Grid 1C - 6/6 full

image: 1:1

Kategorie

Fall in Love with Indigo

Im Trendhopper 100-Stoffe-Konzept findest Du über 100 Möbelstoffe! Du kannst viele Sofas, Sessel und Stühle aus unseren Kollektionen damit beziehen lassen. Gut zu wissen: Die Stoffe des Trendhopper 100-Stoff-Konzepts sind absolut zeitgemäß, hochwertig und preislich attraktiv.

Kategorie

Fall in Love with Indigo

Im Trendhopper 100-Stoffe-Konzept findest Du über 100 Möbelstoffe! Du kannst viele Sofas, Sessel und Stühle aus unseren Kollektionen damit beziehen lassen. Gut zu wissen: Die Stoffe des Trendhopper 100-Stoff-Konzepts sind absolut zeitgemäß, hochwertig und preislich attraktiv.

Teaser Grid 1C - 6/6 card

image: 1:1
also available in the CMS

Kategorie

Fall in Love with Indigo

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität

Kategorie

Fall in Love with Indigo

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität

Teaser Grid 2C - 6/6 Category - Full

images: 5:4 landscape

PRODUKTKATEGORIE

Kompakte zwei- bis dreizeilige Kategorie- beschreibung, linksbündig gesetzt.

PRODUKTKATEGORIE

Kompakte zwei- bis dreizeilige Kategorie- beschreibung, linksbündig gesetzt.

Teaser Grid 2C - 6/6 Category - Card

images: 5:4 landscape

PRODUKTKATEGORIE

Kompakte zwei- bis dreizeilige Kategorie- beschreibung, linksbündig gesetzt.

PRODUKTKATEGORIE

Kompakte zwei- bis dreizeilige Kategorie- beschreibung, linksbündig gesetzt.

Teaser Grid ShopThisLook 2C - 6/6 Full

image: 1:1
also available in the CMS

Teaser Grid 2C - 7/1/4 Cards POST

images: 3:2 landscape & 4:5 portrait

Kategorie

Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität.

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität

Kategorie

Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil.

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis.

Kategorie

Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität.

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität

Kategorie

Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil.

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis.

Teaser Grid 2C - 7/1/4 Cards POST

images: 3:2 landscape & 4:5 portrait

Kategorie

Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität.

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität

Kategorie

Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil.

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis.

Mosaik 6/6

images: 3:2 landscape & 1:1 (product)

Roomio No. 4104 3-Sitzer beige

1499,00 €

Roomio No. 4104 3-Sitzer beige

1499,00 €

Mosaik 3/3/6 - Cards

images: 1:1

Mosaik 5/1/6 - Cards

images: 4:5 portrait & 16:10 landscape (product)

Roomio No. 4104 3-Sitzer beige

1499,00 €

Roomio No. 4104 3-Sitzer beige

1499,00 €

Mosaik Tableau

images: 4:5 portrait x3 & 16:10 landscape

Caption: Kompakte zwei- bis dreizeilige Caption, linksbündig gesetzt.

Mosaik 3/3/6 Tableau

images: 4:5 portrait

Entdecke den Look

Teaser grid 4C - Cards Post

images: 1:1

10 Jahre Garantie

Alle unsere Designs sind so gestaltet, dass sie über Generationen halten. Verpackung, Pflegeprodukte, austauschbare Teile, abnehmbarer Bezug und Recycling werden ab der ersten Designzeichnung berücksichtigt. Deshalb gewähren wir Ihnen exklusiv 10 Jahre Garantie auf alle Designs in unserer Kollektion.

10 Jahre Garantie

Alle unsere Designs sind so gestaltet, dass sie über Generationen halten. Verpackung, Pflegeprodukte, austauschbare Teile, abnehmbarer Bezug und Recycling werden ab der ersten Designzeichnung berücksichtigt. Deshalb gewähren wir Ihnen exklusiv 10 Jahre Garantie auf alle Designs in unserer Kollektion.

10 Jahre Garantie

Alle unsere Designs sind so gestaltet, dass sie über Generationen halten. Verpackung, Pflegeprodukte, austauschbare Teile, abnehmbarer Bezug und Recycling werden ab der ersten Designzeichnung berücksichtigt. Deshalb gewähren wir Ihnen exklusiv 10 Jahre Garantie auf alle Designs in unserer Kollektion.

10 Jahre Garantie

Alle unsere Designs sind so gestaltet, dass sie über Generationen halten. Verpackung, Pflegeprodukte, austauschbare Teile, abnehmbarer Bezug und Recycling werden ab der ersten Designzeichnung berücksichtigt. Deshalb gewähren wir Ihnen exklusiv 10 Jahre Garantie auf alle Designs in unserer Kollektion.

Teaser grid 4C - Full Category

images: 4:5 portrait

produktkategorie

Kompakte zwei- bis dreizeilige Kategorie- beschreibung, linksbündig gesetzt.

produktkategorie

Kompakte zwei- bis dreizeilige Kategorie- beschreibung, linksbündig gesetzt.

produktkategorie

Kompakte zwei- bis dreizeilige Kategorie- beschreibung, linksbündig gesetzt.

produktkategorie

Kompakte zwei- bis dreizeilige Kategorie- beschreibung, linksbündig gesetzt.

Teaser grid 4C - 3/3/3/3 - Cards Product

images: 4:5 portrait
also available in the CMS

Produktname489 €

Kompakte zwei- bis dreizeilige Produktbeschreibung, linksbündig gesetzt.

489 €

Produktname489 €

Kompakte zwei- bis dreizeilige Produktbeschreibung, linksbündig gesetzt.

489 €

Produktname489 €

Kompakte zwei- bis dreizeilige Produktbeschreibung, linksbündig gesetzt.

489 €

Produktname489 €

Kompakte zwei- bis dreizeilige Produktbeschreibung, linksbündig gesetzt.

489 €

Contentblock - 1C - Full Cover

image: 16:10 landscape
also available in the CMS

Roomio! Mein Roomio!

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil.

Contentblock - 1C - Inline Cover

image: 16:10 landscape
also available in the CMS

Kategorie

„Roomio! Mein Roomio!“ Das Geheimnis der Gemütlichkeit

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität

Caption: Kompakte zwei- bis dreizeilige Caption, linksbündig gesetzt.

Contentblock - 1C - 6/6 Full Cover

image: 1:1
also available in the CMS

Shop the Look

Abstract Shapes

Im Trendhopper 100-Stoffe-Konzept findest Du über 100 Möbelstoffe! Du kannst viele Sofas, Sessel und Stühle aus unseren Kollektionen damit beziehen lassen. Gut zu wissen: Die Stoffe des Trendhopper 100-Stoff-Konzepts sind absolut zeitgemäß, hochwertig und preislich attraktiv.

Shop the Look

Abstract Shapes

Im Trendhopper 100-Stoffe-Konzept findest Du über 100 Möbelstoffe! Du kannst viele Sofas, Sessel und Stühle aus unseren Kollektionen damit beziehen lassen. Gut zu wissen: Die Stoffe des Trendhopper 100-Stoff-Konzepts sind absolut zeitgemäß, hochwertig und preislich attraktiv.

Foto 1C - Full

image: 16:10 landscape
also available in the CMS

Caption: Kompakte zwei- bis dreizeilige Caption, linksbündig gesetzt.

Foto 1C - Card

image: 16:10 landscape
also available in the CMS

Caption: Kompakte zwei- bis dreizeilige Caption, linksbündig gesetzt.

Video 1C - Card

video: 16:10 landscape
also available in the CMS

PDP Product Viewer Grid

Storefinder

image: 4:3 landscape

Unsere Stores

Du möchtest unsere Sofas und Möbel einmal live sehen und ihre Qualität spüren? Entdecke jetzt den Roomio Store in deiner Nähe!

Professionelle Beratung vor Ort

Wir beraten dich gerne und inspirieren dich mit vielen angesagten Trends und jeder Menge toller Wohnideen. Bei uns findest du hochwertige Möbel, tolle Wohnaccessoires und jede Menge Inspirationen sowie einzigartige Ideen, um deinem eigenen Stil noch mehr Ausdruck zu verleihen.

Durch das Laden akzeptieren Sie die Datenschutzbestimmungen von Google

Newsletter Input

image: 4:3 landscape

Abonniere unseren Newsletter

Abonniere unseren Newsletter und erhalte einen Rabattcode von 20 € Rabattcode für Deinen nächsten Einkauf ab einem Gesamtwert von 200 €.

Benefits

Gründe für Trendhopper

Nachhaltigkeit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.

Nachhaltigkeit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.

Nachhaltigkeit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.

Nachhaltigkeit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.

Nachhaltigkeit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.

Nachhaltigkeit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis.

Paragraph - benefits

Deine Vorteile

You won't believe what happens next.

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität Eine moderne Optik gepaart mit Funktionalität. Modulare und individuelle Auswahlmöglichkeiten, gute Qualität, Komfort & Bequemlichkeit, gute Lieferzeiten und das alles in einem guten Preis-Leistungs-Verhältnis.

You won't believe what happens next.

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität Eine moderne Optik gepaart mit Funktionalität. Modulare und individuelle Auswahlmöglichkeiten, gute Qualität, Komfort & Bequemlichkeit, gute Lieferzeiten und das alles in einem guten Preis-Leistungs-Verhältnis.

You won't believe what happens next.

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität Eine moderne Optik gepaart mit Funktionalität. Modulare und individuelle Auswahlmöglichkeiten, gute Qualität, Komfort & Bequemlichkeit, gute Lieferzeiten und das alles in einem guten Preis-Leistungs-Verhältnis.

You won't believe what happens next.

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität Eine moderne Optik gepaart mit Funktionalität. Modulare und individuelle Auswahlmöglichkeiten, gute Qualität, Komfort & Bequemlichkeit, gute Lieferzeiten und das alles in einem guten Preis-Leistungs-Verhältnis.

Paragraph - accordeon

Paket

Paragraph - lead in

also available in the CMS

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin libero nunc consequat interdum varius sit amet mattis. Nibh ipsum consequat nisl vel pretium lectus. Ipsum dolor sit amet consectetur adipiscing elit duis. Sem et tortor consequat id porta nibh. Amet facilisis magna etiam tempor orci eu lobortis. Gravida cum sociis natoque penatibus. Vivamus at augue eget arcu dictum varius duis. Quis enim lobortis scelerisque fermentum. Fermentum et sollicitudin ac orci phasellus egestas tellus. Id venenatis a condimentum vitae sapien pellentesque. Vitae turpis massa sed elementum. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Sed tempus urna et pharetra pharetra. Semper viverra nam libero justo laoreet sit amet cursus. Ultrices vitae auctor eu augue ut lectus arcu bibendum at. Diam ut venenatis tellus in metus vulputate. Fermentum et sollicitudin ac orci phasellus egestas. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. Purus viverra accumsan in nisl nisi scelerisque eu. Nibh sed pulvinar proin gravida hendrerit. Ultrices tincidunt arcu non sodales neque sodales ut. Quisque sagittis purus sit amet volutpat. Viverra accumsan in nisl nisi scelerisque eu ultrices vitae auctor. In ante metus dictum at tempor commodo. Elit duis tristique sollicitudin nibh sit amet. Viverra vitae congue eu consequat ac felis donec et. Massa tempor nec feugiat nisl pretium fusce id. Diam vel quam elementum pulvinar etiam non quam lacus suspendisse. Amet porttitor eget dolor morbi non arcu risus quis varius. Nulla aliquet enim tortor at auctor urna. Aliquam faucibus purus in massa tempor nec feugiat. Sapien faucibus et molestie ac feugiat sed lectus. Nisl tincidunt eget nullam non nisi est sit. Sed enim ut sem viverra aliquet eget. Convallis a cras semper auctor neque vitae tempus quam.

Paragraph - quote

“Indigo verleiht Räumen eine gewisse Eleganz und Raffinesse. Es kann sowohl in modernen als auch in klassischen Designs verwendet werden und passt gut zu verschiedenen Stilrichtungen.”

Vorname Nachname

Rolle

Romina Roma, Innenarchitektin

Contentblock 2C - Headline - L

Lookbook Thema Stil

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität.

Contentblock 2C - Headline - C

Kategorie

„Roomio! Mein Roomio!“ Das Geheimnis der Gemütlichkeit

Eine Sofakollektion mit einer modernen Optik, passender Funktionalität und einem guten Preis-Leistungs-Verhältnis. Eine klare Linienführung in Verbindung mit einem natürlichen und modernen Stil. Weiche und bequeme Polster gepaart mit Funktionalität

Mosaik - Large Tableau