Global Container vs. normal Container

It is important to note that the library contains ‘Global Containers’. You can recognise these by the globe icon. If you use them on your pages, please keep the following in mind:

– The changes you have made will be updated wherever the global container is used and is still linked to the global element.

– You can unlock the global container on your page if you want to use the element but change the content on the local page.

Only Container in the Library

For simplified usage of the Library we only saved Container. So you can build your pages directly with pre-configured building blocks and don’t have to struggle with column structure and so on.

How do you add a new container in the Backend-Editor. First, click on the ‘+ Container’ section on the right-hand side. Afterwards you get to see a new window. Here you are choosing the ‘Library Containers’ tab. You can choose your building block.

Not the right Container?

If you need different containers / building block or another font group, please consultate

Tobias Henkes.

[email protected]

Overview of the building block

On the following page you get a list of the available building block in the library. Every Container has a ‘–NAMINGBLOCK–’ in front of it.

If you open this page with the ‘Live Editor’ you can see an overview of all Containers in the left column ‘Navigator’

How it is working?

The Triumvirat is a content element that is displayed within the search results (see screenshot).

Library Name: Separator

Library Name: Global Trust Symbol Slider (alle Geräte)

Library Name: Anchor-Links – Regions

Library Name: Global Process 1 – How the lift is coming to you

Library Name: Global Process 2 – How the lift is coming to you

Library Name: Global Process 3 – How the lift is coming to you

Library Name: Headline 2

Library Name: Headline 2 + Text 1-column

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Library Name: Headline 2 + Text + 3-column Image

TK Home Solutions hält ein Qualitätsmanagementsystem vor und lässt dieses jährlich durch den TÜV prüfen (ISO-Zertifizierung).

Library Name: Headline 2 + Post Cards – Benefits

Library Name: Text + Button 1-column

Library Name: H2 + 2-column Text + Video

Library Name: H2 + 2-column Image left + Text right

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Library Name: H2 + 2-column Video left + Text right

Library Name: H2 + Text + Image Gallery

Ob Sie eine Wendeltreppe haben, eine besonders kurvige, schmale oder gerade Treppe – oder einen Lift für den Außenbereich benötigen: Wir haben die passende Lösung für Ihre individuelle Wohnsituation. Auch in Ihrer Lieblingsfarbe – zum Beispiel in Rot – realisieren wir Ihren Wunsch-Treppenlift. Lassen Sie sich von unseren Kundenbildern inspirieren und überzeugen Sie sich selbst von unseren Treppenliften im Einsatz.

Library Name: H2 + Text + Table

Library Name: 2-column Image + H2 + Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Library Name: 2-column Text left + Image right

Library Name: These factors influence the prizes

Library Name: Product Models 3-column Showcase small

Library Name: Product Models 3-column Showcase large

Wir wissen, dass jeder Kunde einzigartig ist. Deshalb bieten wir Treppenliften und Sitzliften, die individuell an Ihre Bedürfnisse und die Gegebenheiten Ihres Hauses angepasst werden können. Ob gerade, kurvige oder Außentreppen – wir haben die passende Lösung für Sie:

Library Name: Our strenghts

Library Name: FAQ

Library Name: Customer Testimonial Video

Library Name: Testimonial Text

Library Name: Video

Library Name: Desktop/Mobil – Brochure / Modal form

Library Name: Desktop/Mobil – consultation form

Library Name: Desktop/Mobil – callback form

Library Name: Global Desktop/Mobil – form on-site consultation

Library Name: Desktop/Mobil – Service Teaser

Library Name: Desktop/Mobil – form price indication

Library Version Update 1.1

Library Name: Triumvirat – product + price (category)

Library Name: Product Models 2-column Showcase small

Library Name: Global – Featured Teaser 3-Posts

Library Version Update 1.2

Post-Card System

The Post-Card module is used in some containers. It is useful for embedding dynamic content in the appropriate places.

Therefore it needs some information in the configuration setting.

General -> Post Card / Structure Element
In the first setting, you can select the content structure for the Post Card Content. These are also configured in the library, but are labelled Post Card type.

You can use another one if the structure from the Triumvirat Product is not the one you need in your use case. If none of the structure Elements is working, please open a request ticket.

General -> Content Source
In this and the following settings, you can specify what type of post content should be loaded on the front end.

The anchor logic in avada

In some cases you need to create an anchor link to get directly to a container on a page.

Therefore are two steps needed to create an anchor link.

Library Name: H2 + References + Google Embed

Ob Sie eine Wendeltreppe haben, eine besonders kurvige, schmale oder gerade Treppe – oder einen Lift für den Außenbereich benötigen: Wir haben die passende Lösung für Ihre individuelle Wohnsituation. Auch in Ihrer Lieblingsfarbe – zum Beispiel in Rot – realisieren wir Ihren Wunsch-Treppenlift. Lassen Sie sich von unseren Kundenbildern inspirieren und überzeugen Sie sich selbst von unseren Treppenliften im Einsatz.

anchor example target container

Library Name: H2 + Trustpilot Default

Library Name: H2 + Trustpilot – grid

Library Name: H2 + Trustpilot – carousel

Library Name: H2 + Trustpilot – compact

Library Name: New H1 Stage/Bühne Variant 1 – Netherlands

Boxed Design as a variation of the header.

There are two options to pick from for the headline module. The original „New H1 Stage/Bühne Variant 1 – Netherlands“ and the new „(boxed)“ Version. The editor can chose between these two. The only difference is a attached CSS class (h1boxed).

If you have already placed the header and want do add/remove the white box you can also set/delete the CSS Class inside the title module settings:

General > Scroll Down > CSS Class > h1boxed/“no class“

Library Name: New H1 Stage/Bühne Variant 2 – Box left

Library Name: New H1 Stage/Bühne Variant 2 – Box center

Library Name: New H1 Stage/Bühne Variant 2 – Box right

Library Version Update 1.3

Library Name: Advertisement Bar

Library Name: Breadcrumbs

Library Version Update 1.4

Library Name: Post Card Einzel-Kachel / Masonry

To the Post-Card Tutorial

Library Name: Post Teaser / Masonry

To the Post-Card Tutorial

Library Name: Post Teaser + Meta / Masonry

To the Post-Card Tutorial

Library Name: Post Kacheln + Marquee Animation

To the Post-Card Tutorial

Library Version Update 1.5

Library Name: H2 + Image

Library Name: H3 + PDF-Download

Setting the link:
1. Copy the document link from the library overview

2. Open the nested column and go to the list item options

3. In the List Item Content-Editor the Link can be set and the link laben can be changed too.

Library Name: PDF-Download

Setting the link:
1. Copy the document link from the library overview

2. Open the nested column and go to the list item options

3. In the List Item Content-Editor the Link can be set and the link laben can be changed too.

Library Version Update 1.6

Library Name: H3 + grey content box + button

Library Name: Introtext

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Library Name: Post – Category Filter Section

Library Name: Headline

For configuring the headline you need to go into the design tab in the title module and change die „HTML Heading Tag“ and die „Typography“ with the global Level 1 to Level 5 option.

Library Name: Interactive Maps

For configuring the interactive maps you need be an ADMIN. Go to the Maps Plugin and setup an map here. After this, embed it via the modul „code block“

Library Version Update 1.7

Library Name: H3 + grey content box / text left – image right

Library Name: H3 + grey content box / text right – image left

Library Name: Hero – Grid

Library Name: H3 + grey content box / text + button left – image right

Library Name: H3 + grey content box / text + button right – image left

Library Name: Post – Page Category

For the filter logic for pages we needed to add a „category“ Information for Pages. This is not a WordPress standard.

If you want to have the filter options as buttons, we need also to custom CSS this in the child theme. Native there is only the word-link solution. For example we added the custom CSS in a local code block.

We also added a new Post-Card Layout optimized for Pages.

„Page Teaser“

WORK IN PRoGRES AREA

Library Name: Test-Container Schulung

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.