Icon row block - Heading 1
The icons section block can hold icon row blocks.
All Our Content Blocks
The purpose of this page is to show how our blocks can be used on a page. They are sorted below a number of different topics, which you can see in the jumplink menu below.
Content blocks
Different types of normal content blocks.
Hotspot block
A specific block that allows you to add + icons on top of a Epi-picture (not available in Qbank) which opens up small blocks in a pop-up with picture, text and link.
Large block full width (4 columns)
Possibility to use a heading (H1-H3)
Large block example 1
In this example;
- A H2 heading is used
- A H3 subheading is used
- The splitter layout is set to 50 % (the other option is 33 % which makes the image smaller)
- The image is placed on the right side
- One red CTA button is added with a link (White is the other option)
- Padding is not enabled, so there is no space between this block and the block below
Large block example 2
Here is a large block with only a subheading in H3, and the image on the left side.
No CTA buttons, but a text link directly in the text editor.
Padding is enabled, so see the difference between white space above and below this block.
The optimal number of characters to get the text as the same height as the image is 1000 characters when using the H3 subheading.
Without a subheading, it's about 1300 characters.
And the definition of characters, copied from Wikipedia is: letters, numerical digits, common punctuation marks (such as "." or "-"), and whitespace.
Large block example 3
In this example, we are using 33 % splitter layout to shrink the block height.
Just plain text and a small image.
The optimal amount of characters with subheading is 600, and without subheading it is around 1000 characters.
Small block (1 or 2 columns)
You can use an overline
Small block example 1
In this example:
- No image
- A H3 subheading
- Some text and bullets
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
Small block example 2
In this example we have set up the most common settings:
- Q-bank image is used, with media placement Top
- A H3 subheading is used
- Some text and bullets in the text area
- Link shown as text
Overline
Small block example 3
In this example:
- Q-bank image is used, with media placement Bottom
- A H2 heading is used (A bit too big maybe, subheading is enough)
- A H3 subheading is used (This is most used, and using both headings is not a good way to go)
- Some text and bullets in text area
- No link
You can use an overline
Small block example 4
In this example:
- A youtube video
- An H3 subheading
- Some text and bullets
The optimal number of characters is hard to say. The most important thing is to have equal number of the small blocks next to eachother, so they align.
So these four are not a great example for that purpose. This is just for showing the different options.
Wrapper block
This a wrapper block that 1) clean up your content area by keeping all small blocks in one place 2) gives you the chance to choose if a set of small blocks should have a boarder or not on this page without sabotaging the layout of other pages.
You can use an overline
Small block example 1
In this example:
- No image
- A H3 subheading
- Some text and bullets
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
Small block example 2
In this example we have set up the most common settings:
- Q-bank image is used, with media placement Top
- A H3 subheading is used
- Some text and bullets in the text area
- Link shown as text
Overline
Small block example 3
In this example:
- Q-bank image is used, with media placement Bottom
- A H2 heading is used (A bit too big maybe, subheading is enough)
- A H3 subheading is used (This is most used, and using both headings is not a good way to go)
- Some text and bullets in text area
- No link
You can use an overline
Small block example 4
In this example:
- A youtube video
- An H3 subheading
- Some text and bullets
The optimal number of characters is hard to say. The most important thing is to have equal number of the small blocks next to eachother, so they align.
So these four are not a great example for that purpose. This is just for showing the different options.
Divider block
The divider block allows you to create centered content. A heading with the options between H1-H3, and also there is a main body text area where you can write an introduction text.
It can also be used to create a centered heading for other block types.
Faq section block
Sub heading
Faq block - Question 1
FAQ blocks can be added in the FAQ section block.
It has a text property shown as the question, and a text area for the answer.
The answer area is a text editor, so you are able to add and format text, bullet lists, links and images from Q-bank.
- One
- Two
Faq block 2 - Question 2
In this example:
- A H2 heading is used "FAQ section block"
- A H3 subheading is used "Sub heading"
- Four FAQ block is added (The same one), with a question and an answer
- Right column text is this part
On the right side of the FAQ blocks, you are able to add text or Q-bank images inside the text editor. This block still has the old image handling, the property called "Right column image" and "Image", don't use those. It will soon be developed to insert images från Q-bank.
Promotion youtube video block
Heading (H1-H3)
This can also be used in main area and not only promotion area. The proportions is a bit different and you'll see more of the video. Heading and text is optional.
Fullwidth Video block
Mosaic block
This is a mosaic block, which is a block where you can add different block types inside, but mainly it should be used together with mosaic column blocks. In this block we have three mosaic column blocks inside. You can use either 4 blocks that are 1 column wide, or 2 blocks that are 2 columns wide to create a row. You can have more rows as well.
- Padding, zoom and fade boxes are checked on the mosaik block, which are effecting the mosaik column blocks inside.
- Two mosaik column blocks that are one column wide, and one mosaik column block that is two columns wide.
- Images can be used, but this block isn't q-bank connected yet, but they will be soon.
- Can be used with or without links. But make sure to keep the link name short, otherwise the button will go outside the block and that does not look good.
Block 2
Mosaik column block 2 - without link
Tabbed content - Example 1
The tabbed content block has a centered heading (H1-H3), a main intro like this, and can show up to 5 tabs with different content. The blocks that can be used in this block is: promotion block (full width), large block, small block, map block, 100 % divided, 100 % width.
Tab 1 - Title
Variant 1: H1 heading
In this block you can use a H1 heading, a big image, and some text and a link in a text box that is on the left side. Not that much opacity.
Tab 2 - Title
Possibility to use a heading (H1-H3)
Large block example 1
In this example;
- A H2 heading is used
- A H3 subheading is used
- The splitter layout is set to 50 % (the other option is 33 % which makes the image smaller)
- The image is placed on the right side
- One red CTA button is added with a link (White is the other option)
- Padding is not enabled, so there is no space between this block and the block below
Large block example 2
Here is a large block with only a subheading in H3, and the image on the left side.
No CTA buttons, but a text link directly in the text editor.
Padding is enabled, so see the difference between white space above and below this block.
The optimal number of characters to get the text as the same height as the image is 1000 characters when using the H3 subheading.
Without a subheading, it's about 1300 characters.
And the definition of characters, copied from Wikipedia is: letters, numerical digits, common punctuation marks (such as "." or "-"), and whitespace.
Tab 3- Title
Large block example 2
Here is a large block with only a subheading in H3, and the image on the left side.
No CTA buttons, but a text link directly in the text editor.
Padding is enabled, so see the difference between white space above and below this block.
The optimal number of characters to get the text as the same height as the image is 1000 characters when using the H3 subheading.
Without a subheading, it's about 1300 characters.
And the definition of characters, copied from Wikipedia is: letters, numerical digits, common punctuation marks (such as "." or "-"), and whitespace.
Possibility to use a heading (H1-H3)
Large block example 1
In this example;
- A H2 heading is used
- A H3 subheading is used
- The splitter layout is set to 50 % (the other option is 33 % which makes the image smaller)
- The image is placed on the right side
- One red CTA button is added with a link (White is the other option)
- Padding is not enabled, so there is no space between this block and the block below
Tab 4 - Title
Map block T-Store - Heading (H1-H3)
In the Main Body property in Epi/Optimizely, you can write a short introduction or an explanation to what the visitors can expect from the map.
Red pin filter label
Blue pin filter label
Grey pin filter label
Black pin filter label
A pin in the map
Can be used to show a pin on a map.
We use it mainly for showing our factories and sales offices around the world.
But if you are creative, you can probably find other uses for it as well.
You can create links in the text editor, or use the link property.
Overlay header is a heading in the textbox on the right of the map
Overlay Text is a text area where you can write even more information. This is shown when no map pin is selected, because there you can write other information, and insert links. There are four different colors of pins, and you can name them in the bottom of the map block settings.
Tab 5 - Title
You can use an overline
Small block example 1
In this example:
- No image
- A H3 subheading
- Some text and bullets
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
Small block example 2
In this example we have set up the most common settings:
- Q-bank image is used, with media placement Top
- A H3 subheading is used
- Some text and bullets in the text area
- Link shown as text
You can use an overline
Small block example 4
In this example:
- A youtube video
- An H3 subheading
- Some text and bullets
The optimal number of characters is hard to say. The most important thing is to have equal number of the small blocks next to eachother, so they align.
So these four are not a great example for that purpose. This is just for showing the different options.
Tabbed content example 2
This is another way of using the tabbed content block. Using a H2 heading, a main intro text that can be used to write some information that is relevant. Showing a large block with some information and below that block, you can see a link with the text "Show more", and when you click on that, it expands and you will see some additional content that we added in the "show more content" area. You need to add something in the Title property in the first content tab, it will not show, but it can't be empty.
Possibility to use a heading (H1-H3)
Large block example 1
In this example;
- A H2 heading is used
- A H3 subheading is used
- The splitter layout is set to 50 % (the other option is 33 % which makes the image smaller)
- The image is placed on the right side
- One red CTA button is added with a link (White is the other option)
- Padding is not enabled, so there is no space between this block and the block below
You can use an overline
Small block example 1
In this example:
- No image
- A H3 subheading
- Some text and bullets
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
Small block example 2
In this example we have set up the most common settings:
- Q-bank image is used, with media placement Top
- A H3 subheading is used
- Some text and bullets in the text area
- Link shown as text
You can use an overline
Small block example 4
In this example:
- A youtube video
- An H3 subheading
- Some text and bullets
The optimal number of characters is hard to say. The most important thing is to have equal number of the small blocks next to eachother, so they align.
So these four are not a great example for that purpose. This is just for showing the different options.
You can use an overline
Small block example 1
In this example:
- No image
- A H3 subheading
- Some text and bullets
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
Carousel block - Slide blocks used inside
In the slide block you can use an image and text.
In the slide block you can use an image and text.
You can change position of the text; top right/left or bottom right/left.
Product block - Heading (H2)
Product blocks can be used to show products from all our categories. Just drag in products from the catalog. The block can be used on start page, content pages or in the jumplinks for product category pages. Preferrably to be used together with a divider block, to get a centered heading above. A link can be added as well, shown as a button or plain text.
LHM230WIQ
Toyota Lifter / Yük Göstergeli
- Dahili ağırlık göstergeleri yük ağırlığı için doğru tahmin sağlar...
-
2300 kg -
200 mm -
Scale
LHM230QX
Toyota Quick Lifter / El Frenli
- El freni transpaleti park pozisyonunda kilitler
-
2300 kg
-
200 mm
LHM300
Toyota Heavy Lifter
- Aşırı büyük yükleri taşımak için ideal
-
3000 kg
-
200 mm
LHM300X
Toyota Heavy Lifter / El Frenli
- El frenli model, ağır yükleri taşımak için ideal
-
3000 kg
-
200 mm
Product Carousel Block - Heading text
Icons section block - Heading (H1-H3)
Link block - Heading (H1-H3)
Link block - Heading (H3)
Link block 2
Italian Blog
Toyota Material Handling Italia
Try 100% divided out
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
Try 100% divided out
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
Try 100% divided out
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
Try 100% divided out
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
Heading
Animation blocks
Circle animation block - Heading text
The Circle animation block can be used to write short teasers, and when hovering, the circle will animate and get a little bit bigger and you'll see another text. If you click on the text, it stays expanded, otherwise it will animate back to a smaller circle and the heading again. You can add a background as well. Up to 5 circles in each block. No links available, only content.
Circle 1 - Heading
Text
Teaser
A little longer text with more information. But not too long.
Click on me!
Wow, great job! You deserve to buy a forklift from us!
Look, I'm a small circle!
Now I'm a big circle!
Smaller circle
Bigger circle
Number animation block - Heading (H1-H3)
0
Animate
0
numbers
0
is
0
cool
0
que no?
Heading text
Description
Heeading 1
Text inside
Heading 2
Text inside
Contact a sales person
Here you could add additional information about your sales team.
Or just making the contact form a bit more personal with a face next to it.
Small block example 2
In this example we have set up the most common settings:
- Q-bank image is used, with media placement Top
- A H3 subheading is used
- Some text and bullets in the text area
- Link shown as text
Operator training
You can also of course use small blocks to promote trainings, other solutions, or in principle anything else on your site that you believe would be valuable to the visitor.
Small block example 2
In this example we have set up the most common settings:
- Q-bank image is used, with media placement Top
- A H3 subheading is used
- Some text and bullets in the text area
- Link shown as text
Hubspot form block - Heading (H2)
hubspot_50_50
You can embed your HubSpot forms with this block. You can choose to have it on the left or the right side, by inserting the embed code for the HubSpot form in the HubSpot code snippet property.
And you will also be able to add an image or text on the other side of the form.
Map block T-Store - Heading (H1-H3)
In the Main Body property in Epi/Optimizely, you can write a short introduction or an explanation to what the visitors can expect from the map.
Red pin filter label
Blue pin filter label
Grey pin filter label
Black pin filter label
A pin in the map
Can be used to show a pin on a map.
We use it mainly for showing our factories and sales offices around the world.
But if you are creative, you can probably find other uses for it as well.
You can create links in the text editor, or use the link property.
Overlay header is a heading in the textbox on the right of the map
Overlay Text is a text area where you can write even more information. This is shown when no map pin is selected, because there you can write other information, and insert links. There are four different colors of pins, and you can name them in the bottom of the map block settings.
Local Office
Factory
Logistics centre
Test
Test
TMH Austria
Toyota Material Handling Austria GmbH
Griesfeldstrasse. 3, A-2351 Wiener Neudorf
Download:
TMH Belgium
Toyota Material Handling Belgium NV/SA
Schoondonkweg 1, 2830 Willebroek
TMH Czech Republic
Toyota Material Handling CZ s.r.o.
K Vypichu 1049, 252 19 Rudná u Prahy
TMH Denmark
Toyota Material Handling Danmark
Industrivej 3, 3550 Slangerup
TMH Baltic Eesti filiaal
Toyota Material Handling Baltic Branch Estonia
Scala City, Tartu mnt. 43, 10128 Tallinn
Download:
TMH Finland
Toyota Material Handling Finland Oy
P.O. Box 12, Korpivaarantie 1, FI-01450 Vantaa
TMH France
Toyota Material Handling France
Parc Gustave Eiffel, 4, avenue de l'Europe,
77607 Marne La Vallée Cedex 3
TMH Deutschland
TMH Greece
Toyota Material Handling Greece SA
2nd str. Olympic Shooting Center, 190 03 Markopoulo, Attica, Greece
Download:
TMH Hungary
Toyota Anyagmozgatás Magyarország Kft.
Építész u. 28, H-1116 Budapest
TMH Italy
Toyota Material Handling Italia S.r.l.
Via del Lavoro, 93/1, 40033 Casalecchio di Reno, Bologna
Download:
ISO 9001 - UKAS | ISO 9001 - ACCREDIA | ISO 14001 | ISO 45001 | ISO 50001 | ISO 30415 | UNI PdR 125
TMH Baltic Lithuania
Toyota Material Handling Baltic Vilnius Branch
Naugarduko str. 3, Vilnius
Download:
TMH Netherlands
Toyota Material Handling Nederland B.V. Postadres: Postbus 371, 6710 BJ Ede Bezoekadres: Stevinlaan 4, 6716 WB Ede
Download:
BMWT-Keur Duurzame bedrijfsvoering
BMWT-keur Kwaliteitssysteem
VCA 291
EcoVadis
TMH Norway
Toyota Material Handling Norway AS
Vuluvegen 331
7563 Malvik
Download:
ISO 14001
TMHNO FOR2011 12 06 nr.1360 Opplæring
TMHNO FOR2011 12 06 nr.1360 Sakkyndig kontroll
EcoVadis
ISO 50001
TMH Poland
Toyota Material Handling Polska Sp z o.o.
Jakuba Potockiego 1a
96-313 Jaktorów, Poland
Download:
TMH Romania
Toyota Material Handling Romania s.r.l.
Sos. Berceni nr. 104V sector 4, cod 041912, Bucuresti
Download:
ISO 9001
ISO 14001
ISO 37001
ISO 45001
ISO 50001
EcoVadis
TMH Slovakia
Toyota Material Handling Slovensko s.r.o.
Vajnorská 134/B, 831 04 Bratislava
Download:
TMH Spain
Toyota Material Handling Spain
Avda. Arrahona, 25 Conjunto C, Pol. Ind. Can Salvatella, 08210 Barberá del Vallés
TMH Sweden
Toyota Material Handling Sweden
Solna Gate, Hemvärnsgatan 9, 171 54 Solna
Download:
ISO 9001 & 14001 - English
ISO 50001 - English
EcoVadis
TMH UK
Toyota Material Handling UK
706 Stirling Road, Trading Estate, Slough Berkshire, SL1 4 SY
Mjölby factory
Toyota Material Handling Manufacturing Sweden
Svarvargatan 8, 595 35 Mjölby, Sweden
Certificates download:
ISO 9001, 14001 and 45001
ISO 27001
ISO 50001
Ecovadis
Policies download:
Quality policy
Environmental policy
Occupational health and safety policy
Ancenis factory
Toyota Material Handling Manufacturing France
Z.A.C. de l'Aeropole, 44150 Ancenis
Download:
Ferrara factory
Lift Truck Equipment S.p.A
Via Caravaggio, 6, 44020 Ostellato, Ferrara
Download:
ISO 9001
ISO 14001
ISO 45001
ISO 50001
ISO/TS 14067
EcoVadis
Bologna factory
Toyota Material Handling Manufacturing Italy
Via Persicetana Vecchia, 10, 40132 Bologna
Download:
ISO 9001
ISO 9001 ITA
ISO 14001
ISO 14001 ITA
ISO 45001
ISO 45001 ITA
ISO 50001
ISO 50001 ITA
EcoVadis
Recognitions / Certificates
As proof of our local commitment to sustainability, you can download our EcoVadis recognitions and ISO management system certificates using our Europe map.
Following certifications and recognitions have been achieved by at least one of our factories and/or Marketing & Sales Companies: ISO 9001; ISO 14001; ISO 14067; ISO 45001; ISO 50001; ISO 27001; EcoVadis
Blue pins for factories, red pins for our local Marketing & Sales Companies and black pins for our logistics centres.
Script block
Using this block you can add smaller scripts to your page. For example, here is a map script from the German market.
This is the main body field
If you use the Main body property in Epi /Optimizely, the content will always be placed below the blocks. However, if you only use main body, then it will be visible on top, of course.
Circle animation block - Heading text
The Circle animation block can be used to write short teasers, and when hovering, the circle will animate and get a little bit bigger and you'll see another text. If you click on the text, it stays expanded, otherwise it will animate back to a smaller circle and the heading again. You can add a background as well. Up to 5 circles in each block. No links available, only content.
Circle 1 - Heading
Text
Teaser
A little longer text with more information. But not too long.
Click on me!
Wow, great job! You deserve to buy a forklift from us!
Look, I'm a small circle!
Now I'm a big circle!
Smaller circle
Bigger circle