Katalog testowy2 - 20170302_tg-guide-utilisateur.pdf

TRANSGOURMET 

TGI user guide 

CONFIDENTIEL 1

1. General overview 

2. Edit or create content 

3. Modules / features 

CONFIDENTIEL 2

Table of contents (1) 

CONNECT TO THE BACK OFFICE 

LOGOUT 

BACK OFFICE MAIN PAGE 

EDIT EXISTING CONTENT – GENERAL 

INFORMATION 

EDIT EXISTING CONTENT- SHORTCUTS 

EDIT MENU (FOR ADMIN) 

TRANSLATE EXISTING CONTENT 

NOTE ABOUT TRANSLATION 

MEDIA LIBRARY 

WYSIWYG FEATURES 

TEMPLATE 1 - HOME PAGE 

SERVICE PUSHS (1/2) 


TEMPLATE 2 – HUB TRADE 

TEMPLATE 3 – CUSTOMER SEGMENT 

TEMPLATE 3: 

"ESSENTIALS" BLOCK 

TEMPLATE 4 – NEWS / PRESS LIST 

TEMPLATES 5/7 : NEWS, PRESS & EVENTS 

TEMPLATE 5/7 : NEWS 

TEMPLATE 5/7: EVENTS 

TEMPLATE 5/7: PRESS RELEASE 

TEMPLATE 6 – EVENT CALENDAR 

TEMPLATES : HUB 

TEMPLATE 8: HUB VERSION 

TEMPLATE 9: HUB VERSION 2 



OFFER 

TEMPLATES: PRODUCTS 

TEMPLATE 11: PRODUCT 

CATEGORY 

TEMPLATE 11: RANGE 

TEMPLATE 12: PRODUCTS FAMILY 

TEMPLATE 13: PRODUCT LIST 

TEMPLATE 14: PRODUCT DETAIL 

PAGE 

TEMPLATE 15: CATALOG LIST 

TEMPLATE 16: PROMOTION 

CONFIDENTIEL 3

Table of contents (2) 

TEMPLATE 17 : RECIPE 

TEMPLATE 18: MANUFACTURER 

TEMPLATE 19: HARVEST 

CALENDAR 

TEMPLATE 20: JOB OFFER 

TEMPLATE 21 : JOB OFFER 

TEMPLATE 22: APPLY ONLINE 

TEMPLATE 24: MARKET SEARCH 

TEMPLATE 25: MARKET DETAIL 

PAGE 

TEMPLATE 25: MARKET 1/3 

TEMPLATE 25 : MARKET 2/3 


TEMPLATE 26: ALL BRANDS 

TEMPLATE 27: TG BRANDS 

TEMPLATE 28: BRAND DETAIL 

TEMPLATE 28 : TG BRAND 1/3 



TEMPLATE 29: CONTACT, HELP, 

FORMS 

 

 

 

 

 

 

 

 

 

 

 

 

TEMPLATE 31: FAQ 

TEMPLATE 33/34/35: SERVICE 

TEMPLATE 36: MEDIA CENTER 

TEMPLATE 37: MEDIA DETAIL 

PAGE 

TEMPLATE 38: EMPTY TEMPLATES 

TEMPLATE 39 – CUSTOM 

TEMPLATE 

TRANSLATION OF STATIC TEXT 

META TAGS 

PUBLISH/UNPUBLISH OPTIONS 

EDIT/ CREATE FILTERS 

EDIT/ CREATE COOKIES BANNER 

DUPLICATE ANY CONTENT 

CONFIDENTIEL 4

CONNECT TO THE BACK OFFICE 

To log in to the back office, enter username and password given. 

1 

2 

Username 

Password 

1 

2 

CONFIDENTIEL 5

LOGOUT 

1 

Click on « Logout » on the administration bar, on the upper right corner. 

Note : When you are logged in, this bar is displayed on every page. If you don’t see it, make sure you are connected 

and reload the page. 

1 

CONFIDENTIEL 6

BACK OFFICE MAIN PAGE 

1 

2 

3 

Click to go back to the Transgourmet website. 

Content area : find, update and create new content. 

Structure : edit blocks, create new types of content and configure menus. 

1 2 3 

Note : When you are logged in, this bar is displayed on every page. If you don’t see it, make sure you are connected and 

reload the page. 

CONFIDENTIEL 7

EDIT EXISTING CONTENT – GENERAL INFORMATION 

Click on « Content » 

1 

in the Admin bar on the top of the page. 

Note : When you are logged in, this bar is displayed on every page. If you don’t see it, make sure you are connected 

and reload the page. 

1 

2 

3 

* Select the type of content 

* Click on « Apply » 3 

2 

CONFIDENTIEL 8

EDIT EXISTING CONTENT- GENERAL INFORMATION 

* 1 Display the content 

* Edit content (same form as « Create content form »). 

2 

* Delete the content. (An action from your part is required to confirm). 

3 

1 

2 3 

CONFIDENTIEL 9

EDIT EXISTING CONTENT- SHORTCUTS 

CONFIDENTIEL 10

Edit menu 

CONFIDENTIEL 11


* To edit a menu, go to Structure/ menu/ main menu 

CONFIDENTIEL 12


* Hierarchy of the 

webtree is defined 

here. You can: 

• Change the order 

thanks to drag & 

drop 

• Edit content 

• Delete a page 

• Create a page 

(insert title and 

choose the 

template and save) 

CONFIDENTIEL 13

Translation 

CONFIDENTIEL 14


1 

2 

CONFIDENTIEL 15


1 

2 

3 

CONFIDENTIEL 16

NOTE ABOUT TRANSLATION 

* When you create a new page, please do not forget to select the 

language you wish. 

* If you select « language neutral » the same page will appear on 

all the languages version. 

CONFIDENTIEL 17

Media library 

CONFIDENTIEL 18

MEDIA LIBRARY 

* To add a media, you can upload it 

* Then insert alternative text and title > title will enable you to find it again in the library 

CONFIDENTIEL 19

MEDIA LIBRARY 

* If a media was already uploaded, you can find it in the library and use the filtering options. 

CONFIDENTIEL 20

WYSIWYG 

CONFIDENTIEL 21

WYSIWYG FEATURES 

* B > Blod 

* I > italic 

* U > Underlined 

* Logo « earth » > hyperlink 

* Rubber > remove formatted text > this is essential to click on that icon if you copy/paste text 

* Format > type of heading (see following page) 

* Style > You can display the text on 2 columns 

CONFIDENTIEL 22

WYSIWYG FORMAT 

CONFIDENTIEL 23

Navigation 

CONFIDENTIEL 24

MENU 

* If you need to change the name of the link below, go to structure / menu / main menu 

* Click on « attached block » 

* Change only the name of the link 

1 

3 

2 

CONFIDENTIEL 25

1. General overview 

2. Edit or create content 

3. Modules / features 

CONFIDENTIEL 26

1- Home page 

CONFIDENTIEL 27

TEMPLATE 1 - HOME PAGE 

Size of image: 

H: 338px 

L: 1600px 

The homepage can be organized 

around all this type of content : 

• Main slide show 

• News section 

• Contact / shop push 

• Catalog section 

• Customer segment 

• Products section 

• 3 pushs section 

• Media section 

To edit the content of the home 

page, click on “edit” 

CONFIDENTIEL 28

TEMPLATE 1 - HOME PAGE – MAIN SLIDER 

Main slide show : 

- There is two possible slideshow : one 

“light” & one with “menu” 

- The choice is up to the webmaster in the 

back office 

- Slideshow can handle more than 4 item if 

necessary 

1 

2 

You can choose between carrousel (1) with 

tabs or simple carrousel (2) 

CONFIDENTIEL 29

TEMPLATE 1 - HOME PAGE – MAIN SLIDER 

Main slide show : 

- Upload an image (1600x400 px) 

- Choose a title 

- Text 

- Target > do you want the link to open 

in the same window or in a new 

window 

- Title of the “call to action” and URL 

- You can also display a price and add a 

picto icon (in case of a promotion for 

example) 

CONFIDENTIEL 30

TEMPLATE 1 - HOME PAGE – E-COMMERCE BLOCK 

E-commerce block: 

You can activate or deactivate a content push on 

the home page to promote the webshop and a way 

to contact the company for example. 

To activate the push check the box. 

You can choose the background color and add rich 

text thanks to the WYSIWYG editor 

CONFIDENTIEL 31

TEMPLATE 1 - HOME PAGE – NEWS SECTION 

Size of image: 

H: 210px 

L: 280px 

News section 

The news section can be split in two parts if needed 

(brand news & news dedicated to my market as 

shown on example n°2) 

More than 4 news can be displayed if necessary 

The webmaster can also choose to add a specific 

push at the end if needed 

1 

To edit this zone, go to Transgroumet/Home page/ 

News block 

2 

CONFIDENTIEL 32

TEMPLATE 1 - HOME PAGE – NEWS SECTION 

News section 

You can choose the title of the section. 

Then enter the titles of the contents you want to select 

separated by a “|” (minimum 2 news / maximum 8 

news) 

If you want to add 1 push, enter the title in the field. 

If you want to override this feature and only display 

the most recent news, check the dedicated box. 

CONFIDENTIEL 33

TEMPLATE 1 - HOME PAGE – CATALOG 

Catalog list 

The catalog list section can be displayed on full width or 

with a side push.The choice is up to the webmaster in the 

back office 

1 

To edit this zone, go to Transgroumet/Home page/Catalog 

block 

2 

260x248 px 

CONFIDENTIEL 34

TEMPLATE 1 - HOME PAGE – CATALOG 

Catalog 

You can choose the title of the section. 

Then enter the titles of the contents you 

want to select separated by a “|” 

(minimum 1 catalog / maximum 12 

catalogs) 

If you want to add 1 push, you can create 

it by filling the following field : 

- Title 

- Image 

- Rich text in the WYSIWYG editor 

- Check the “display push” box 

If you want to override this feature and 

only display the most recent catalogs, 

check the dedicated box. 

CONFIDENTIEL 35

TEMPLATE 1 - HOME PAGE – CUSTOMER SEGMENT 

H: 295px 

L: 380px 

Customer segment 

The customer segment section give access to all customer 

segment pages (template 3/ segment page). 

To edit the title and introduction, go to Transgroumet/Home 

page/Customer segment block 

CONFIDENTIEL 36

TEMPLATE 1 - HOME PAGE – CUSTOMER SEGMENT 

Customer segment 

As a customer segment is always attached to a 

hub trade, if you want to create a push that will 

be displayed on the home page, you need to 

edit the hub trade page. 

You can there create several “profession 

segments” push (you click on “add another item” 

then save). 

CONFIDENTIEL 37

TEMPLATE 1 - HOME PAGE – PRODUCT 

Products will be displayed according to every country 

needs (product with or without prices, assortment) 

Product section could be personalized when user is logged 

or in a specific context (market offer) 

1 

To edit this zone, go to Transgroumet/Home 

page/Product block 

2 

CONFIDENTIEL 38

TEMPLATE 1 - HOME PAGE – PRODUCT 

If there is no SI connection to display 

products, you can edit: 

- Title 

- Names of products (separated by a |) 

- Push (separated by a |) 

- Name of the call to action 

- url (it could be internal url eg. /default-range 

or external URL ed. www.google.com) 

CONFIDENTIEL 39

TEMPLATE 1 - HOME PAGE – MEDIA 

H: 295px 

L: 380px 

Media section 

The webmaster will be free to add any medias he wants in 

the media section (media selected from the library : 

photos, videos, recipes…) 

To edit the zone, go to Transgroumet/Home page/Media 

block 

CONFIDENTIEL 40

TEMPLATE 1 - HOME PAGE – MEDIA 

Media 

You can choose the title of the 

section. 

Then enter the titles of the contents 

you want to select separated by a “|” 

(minimum 1 media / maximum 

unlimited) 

Please note that if you want to 

display a video in that section, the 

image that will be displayed on the 

home page is the image uploaded in 

the BO for the media. We do not 

display a player here. 

CONFIDENTIEL 41

TEMPLATE 1 - HOME PAGE – FREE PUSH 

Free push section 

The “free push section” give access to any important 

content according to the needs (product range, catalogs, 

service, special offer). You can put 3 free push. 

To create a free push zone go to Content/Add content/Free 

push 

You can edit the title of the section, upload an image 

(150x210 px), text, link (title and url) 

CONFIDENTIEL 42

TEMPLATE 1 - HOME PAGE – ORDER OF THE SECTIONS 

The new homepage template can be adapted 

in the CMS to meet every country needs 

The webmaster will have the possibility to change the 

order of all sections in back office 

If a section is not needed, it wont be displayed 

Home page 1 

HEADER 

Home page 2 

HEADER 

Home page 3 

HEADER 

To edit the order, go to Transgroumet/Home 

page/Administrer sections on the homepage 

Main slideshow 



News section 

News section 

Catalogs section 

Type of client 

Catalogs section 

News section 

CONFIDENTIEL 43

TEMPLATE 1 - HOME PAGE – ORDER OF THE SECTIONS 

To change the order of the sections, you can change 

the number of the position. 

If you want a section to disappear, uncheck the 

dedicated box. 

CONFIDENTIEL 44


WARNING: The service section below only displays content from a service page (see details in template 33 description). 

Go to Transgourmet / Blocks / 

Administer section Our services 

CONFIDENTIEL 45


Select in the drop down menu the 

services pages you want to target. 

You can also change the title of the 

link and the link. 

The title “Our services, your 

advantages” can be translated here 

• Go to Configuration/ 

Regional and language / 

Translate Interface / 

Translate 

• Copy and paste the title 

« Our services, your 

advantages » in the field 

« string contains ». 

• Search and edit the 

translation in your 

language 

CONFIDENTIEL 46

2 – HUB TRADE 

CONFIDENTIEL 47


The hub trade is a template inherited from TG F&L 

This page is composed of 5 different sections : 

• Trade info (title, short description, picture, keys figures 

or major TG assets) 

• Promoted new 

• Product range that are good to this trade 

• Trade oriented services 

• Trade sublevels (“customer segment”) 

H: 400px 

L: 1600px 

H: 425px 

L: 570px 

To create this page go to Content/Add content/Hub trade 

H: 285px 

L: 380px 

CONFIDENTIEL 48


IMPORTANT 

2 options concerning the slider: 

- OPTION1: the slider in that section will display existing 

news pages (template 5/7) 

- OPTION2: you can create new content as you want 

This is a range section. 

It means that we display push linking to existing range 

pages (template 11). 

This is a service section. 

It means that we display push linking to existing services 

pages (template 33). 

CONFIDENTIEL 49


Il you want the text to be at the center, select 

centered option in the editor 

1600x400px 

86x63px 

CONFIDENTIEL 50


These items are key figures, you can have 3. 

If you want to have the same design than the mock up, 

The first word is 36 height 

The second line is 24 height 

CONFIDENTIEL 51


You can choose the news you want to promote by 

selecting in the drop down menu. 

Note that the title “at the moment” is the same for all the 

hub trade pages and the customer segment pages. So 

chose a generical title. 

To edit this title 

• Go to Configuration/ Regional and language / 

Translate Interface / Translate 

• Copy and paste the title « At the moment » in 

the field « string contains ». DO NOT USE 

SPACE 

• Search and edit the translation 

CONFIDENTIEL 52


You can edit: 

- The title 

- The introduction, 

- Select the range 

- The title and URL of the CTA 

CONFIDENTIEL 53


You can edit the services you want and the CTA. 

The text displayed in these push are entered in the 

“introduction field” of the service page [temple 33]. 

CONFIDENTIEL 54


You can create segment push. 

- Select a value 

- Upload an image 

- Choose a title and url 

Click on “add another item” to add 

another push. 

Then you can also change the order of 

the elements by drag & droping the 

elements. 

CONFIDENTIEL 55


If the parent page of your hub trade 

page is another hub and you want to 

display a push on that parent page, 

you just need to enter the following 

information: 

- Image 

- If you do not enter the title, we will 

display the title of the hub trade 

page. If you want to override this 

title, enter a text in the “title field” 

- Body (optional) 

- Link (optional) 

CONFIDENTIEL 56

3 - SEGMENT 

CONFIDENTIEL 57


The customer segment is a sublevel of the hubtrade 

level 

The template is split into 3 different sections : 

• Segment info (title, short description, picture) 

• Promoted news 


- OPTION1: the slider in that section will display 

existing news pages (template 5/7) 


• Product range or services that are associated to this 

segment 

CONFIDENTIEL 58


H: 425px 

L: 570px 

H: 285px 

L: 380px 

CONFIDENTIEL 59

TEMPLATE 3: SEGMENT (1/3) 

Title 

Introduction 

If the background is 

dark, do not forget to set 

the text in white 

Upload an image 

800x300 px 

CONFIDENTIEL 60



- OPTION1: the slider in that section will display existing news pages 

(template 5/7) 


When you choose manual option, you simply have 

to upload an image and write text. 

If you want to insert a subtitle, use “heading 3” style 

When you choose “news” slider, you simply have to 

select the title of the news that you want to display 

in the drop down menu. 

CONFIDENTIEL 61


Text 

You can use the WYSIWYG editor to create different 

styles. For example, select « heading 3» for « Did you 

know » . 

To display the content on 2 colums, you can select the 

style « 1/2 column » in the WYSIWYG 

CONFIDENTIEL 62


Essentials title 

Essential push 

Editable as another content type « Push » called 

« push essentiels » 

So, before attaching the push, you need first to 

create another content called « Push ». 

You select Push format = square 

Push type = essentials 

Add to library >> you need to check the box 

Then to insert text and image and link if necessary in 

the « push essentiels » section 

You can attach 3 push essentiels 

CONFIDENTIEL 63

"ESSENTIALS" BLOCK 

Block title 

Allows you to reorder the items 

Select the item you want to display 

You cannot add or delete an item in this view but only select items from a content named « Push ». 

CONFIDENTIEL 64

4 – NEWS / PRESS LIST 

CONFIDENTIEL 65

TEMPLATE 4 – NEWS / PRESS LIST 

The news list template is organized in 3 sections : 

• Promoted news 

Chosen in back office, could be one or several news 

• Filtering options 

Type, categories, dates… 

• List 

List of news and / or press releases (picture, type, 

categories, title, short description) 

This template can display news and / or press releases. If 

PR and news are split in the main menu, the user will be 

linked to this page with the right type of content pre-filtered 

A link lead the user to the archive section 

This page will be created by Business lab. 

CONFIDENTIEL 66

5/7- NEWS 

CONFIDENTIEL 67

TEMPLATES 5/7 : NEWS, PRESS & EVENTS 

News, press release and event detail template are based 

on the same structure : 

• News / event content (text, pictures) 

On events, the user will have the possibility to add the 

event to his own calendar (ics format for example) 

H: 540px 

L: 400px 

• Medias section : possibility to add a media section on 

past events 

• Related events or news (automatic display or up to the 

webmaster to choose) 

CONFIDENTIEL 68


Automatically generated 

PDF version 

Title 

Theme 

Image 

You can attach title and Alt 

text to the image. 

Description 

- Sub title (=Heading 3) 

- Text (= paragraph) 

!!!!!!! 

Medias 

The title « related medias » is the same 

for all the news or events page that you 

will create. To edit it you need to go to 

Configuration/ Regional and language / 

Translate Interface / Translate 

Copy and paste the title « At the 

moment » in the field « string 

contains ». DO NOT USE SPACE 

Search and edit the translation 

You can attach the medias you want 

(image or video) 

CONFIDENTIEL 69


Select the type: news, event, press release 

Enter title 

Add an image from the library or upload a new one 

Write your news. You can separate the description 

into several blocks if necessary. 

CONFIDENTIEL 70


Here you can add a link to a catalog, an external website 

(with a custom button label), choose an end date for publication. 

CONFIDENTIEL 71


Select an « event category » when you create an event page, 

this category will be displayed on the calendar of event page. 

Select a « news theme » when you create a « news » page » 

These categories can be changed in that section: 

admin/structure/taxonomy 

CONFIDENTIEL 72

TEMPLATE 5/7: EVENTS 

* When you create an event detail page, all the 

future events are displayed automatically on the 

« more events » section of the page. 

CONFIDENTIEL 73

TEMPLATE 5/7: PRESS RELEASE 

* When you create a press release page, you can 

upload a pdf in the CMS and a « download » 

link will automaticaly appear on the page at the 

end of the description text. 

CONFIDENTIEL 74

TEMPLATE 5/7: PRESS RELEASE // NOTE – HUB PAGE 

* If the parent page is a hub, to create the push on the hub page you just need to upload an image in the push field. 

* If you want to override the highlitghted title you can insert a new text in the title field 

CONFIDENTIEL 75

6 – Event calendar 

CONFIDENTIEL 76

TEMPLATE 6 – EVENT CALENDAR 

Events can be displayed in two different ways: 

• Calendar 

• List 

The events page filters allow the user to change the events 

list according to the following criterias: 

- Period (month, week, day) 

- Brand 

- Event category 

And to choose between calendar and list views. 

This page will be created by Business lab. It is not 

editable, all the events are automatically displayed on this 

page. 

CONFIDENTIEL 77

8 - HUB VERSION 1 

CONFIDENTIEL 78

TEMPLATES : HUB 

* Hub templates 

Hub pages could to be displayed in 3 different ways 

8 9 

10 

v1 v2 v3 

Standard hub page, list of 

sublevels with titles, pictures, 

and break zones 

Hub page with large media on 

top, sub levels with more content 

displayed 

Hub page with full width 

sublevels and large pictures 

H: 360 px 

L: 1600px 

H: 600px 

L: 1600px 

H: 262px 

L: 350px 

WIREFRAME 

CONFIDENTIEL 79


Please note that there are 2 possible options to edit the content on this page. 

OPTION 1: automatic display of the children pages 

OPTION 2: creation of push contents 

Title 

Description 

Filters 

(if asked by the country) 

Push 

CONFIDENTIEL 80


You can edit the title and the 

description (will appear as the 

introduction text). 

You can upload a background 

picture. 

Do not insert any content in the 

“highlight” field if you choose 

OPTION 1. 

CONFIDENTIEL 81


* OPTION 1 > we automatically display the "son" pages of the hub page if, at least, an image is 

uploaded in the push section of the children page. 

Example: if I want to create a hub page which is the parent of services pages. On each children page, I just 

need to upload an image on the push fields section. On the hub page, the title of the children page will appear 

automaticaly. If you want to overide the title you just need to enter a text in the title field of the push fields. You 

can also display a « body » if you want. 

CONFIDENTIEL 82


OPTION 2: You can create push type content and then attach them on your hub page 

in the « highlight section ». 

You can display different types of push: 

Push text 

Push image 

Push form 

redirection 

Push image 

& text 

CONFIDENTIEL 83


ONLY FOR OPTION 2: If you 

want to display custom push, 

you can insert them in the 

“highlight” fields (there is an 

autocomplete when you start 

typing the name of the push). 

To change the order of the push, 

you can drag and drop the 

items. 

CONFIDENTIEL 84


CONFIDENTIEL 85


Please note that there are 2 

possible options to edit the 

content on this page. 

- OPTION 1: automatic display of 

the children pages (same as hub 

v1) 

- OPTION 2: creation of proper 

contents 

H: 360 px 

L: 1600px 

H: 262px 

L: 350px 

CONFIDENTIEL 86


You can edit the title and the 

description (will appear as the 

introduction text). 

You can upload a background 

picture (grapes are a 

background picture for example) 

OPTION 1 (=automatic display 

of the children pages): You do 

not need to insert any content in 

the “highlight” field if you choose 

OPTION 2 (=you want to display 

your own contents): You can 

attach “push” content types in 

that field. To change the order of 

the push, you can drag and drop 

the items. 

CONFIDENTIEL 87


OPTION 1 > we automatically display the "son" pages of the hub page if, at least, an image is uploaded in the push section of 

the children page. 

Example: if I want to create a 

hub page which is the parent of 

services pages. On each 

children page, I just need to 

upload an image on the push 

fields section. On the hub page, 

the title of the children page will 

appear automaticaly. If you want 

to overide the title you just need 

to enter a text in the title field of 

the push fields. You can also 

display a « body » if you want. 

Remember to put a full width 

image if the content is the first to 

be displayed on the Hub v2 

parent. 

If you want to display an empty 

space after the push (because 

you have a backgroung image 

for example), you can check the 

box “show breakzone after 

content.” 

CONFIDENTIEL 88


OPTION 2 (= you want to display your own contents): You can attach “offer” content types in that field. To change the order 

of the push, you can drag and drop the items. 

Push text 

Push image 

Push form 

redirection 

Push image 

& text 

CONFIDENTIEL 89


CONFIDENTIEL 90


Title 

Description 

Offers 

to insert in the highlight field 

Editable as another content type 

« Offer » (see following page) 

You do not need to upload background 

image for this template (background is 

for template 9) 

CONFIDENTIEL 91

Offer 

CONFIDENTIEL 92

OFFER 

You need to create an offer if 

you want to link this content 

on a hub page v2 or v3. 

Title appears here, if you 

want it not to appear check 

the box. 

CONFIDENTIEL 93

OFFER 

Image field is for a display on 

the hub v2 

Full width image is for a 

display on hub v3 

CONFIDENTIEL 94

OFFER 

CONFIDENTIEL 95

OFFER 

You do not need to use that field 

If you want to display a video 

CONFIDENTIEL 96

11 – RANGE / PRODUCT CATEGORY 

CONFIDENTIEL 97

TEMPLATES: PRODUCTS 

* Products templates 

The way the user navigate into product pages can be handled in two different ways (depending on the needs, number of 

products, e-commerce approach) : 

Product category / family 

Product list page / detail page 

Based on french existing 

templates 

With new product list template 

and product detail page 

CONFIDENTIEL 98

TEMPLATE 11: PRODUCT CATEGORY 

The product category page is split into 4 different sections : 

• Category infos (title, short description, picture) 

• Category content & subcategories links 

• Product section 

• Cross categories section 

H: 400px 

L: 1600px 

Automatic 

resize of 

product 

image 

H: 285px 

L: 380px 

CONFIDENTIEL 99


Title 

Introduction (set the text in white) 

You can display a call to action by 

clicking on the check box 

Image 

CONFIDENTIEL 100


Paragraph 

Short text. 

Paragraph 

Text 

You can use WYSIWYG editor to create list. 

Paragraph Image 

You align image on right or left side. 

Products title 

Products list (see detail 

on next page) 

Products call to action 

CONFIDENTIEL 101


To display the products you just need to attach an existing 

range (template 11) or family product (template 12) 

or you can create a new list (range or product family) to 

attach it. 

Enter a title, save. 

1 

CONFIDENTIEL 102


Once the list is created, you 

can add products and 

breakzones to that list. 

2 

Click on “view”. 

Then enter the name of 

products or breakzone. 

If you want to change the 

order, simply drag and drop 

elements. 

And save. 

3 

CONFIDENTIEL 103


Cross section 

Editable as another content type « push image and text » 

Form redirect (optional) 

You can upload a backgroung picture 

and add only 2 values if you want the 

same display. 

Editable as 

another content 

type « form 

redirect push » 

CONFIDENTIEL 104

12 - PRODUCTS FAMILY 

CONFIDENTIEL 105


The product family page is split into 2 different sections : 

• Family info (title, text, picture) 

• Promoted products 

H: 375px 

L: 279px 

Automatic 

resize of 

product 

image 

CONFIDENTIEL 106


Title 

Image 

You can choose to 

display the image on the 

left or on the right 

Description 

Title = heading 3 

You do not need to use the 

« introduction » field 

Products title 

Products list 

Select in the drop down menu the 

range of product (=template 11) 

you want to appear 

Products call to action 

CONFIDENTIEL 107

13 – PRODUCT LIST 

CONFIDENTIEL 108


The product list page is split into 3 different sections : 

• Product categories (could be on 3 sublevels) 

• Filtering options (offer validity, type of product, sales) 

• Product list section (could be display in two layouts : 

grid & list) 

Products automatically appear on that page. 

To display a product in the bigger area, you need to 

check the box “shop product” on the product page 

(template 14). It is the second product of the second line 

which will be displayed that way. 

You can display a “breakzone” push on the page. 

CONFIDENTIEL 109


To add a breakzone, you need to create a push. 

Then you go to Transgourmet/Breakzones Page 

Product List 

You can enter the title of the created push (for example 

image push). 

CONFIDENTIEL 110

14 - PRODUCT 

CONFIDENTIEL 111

TEMPLATE 14: PRODUCT DETAIL PAGE 

The product detail page is split into 3 different sections : 

• Product pictures 

• Product information 

• Cross selling section 

H: 375px 

L: 279px 

Automatic 

resize of 

product 

image 

CONFIDENTIEL 112


Title 

Reference 

Description 

For cash & carry only 

Promotion 

Price (integer and 

decimal) + currency 

Unit 

Media 

Webshop link 

Linked products 

(separated by a comma 

– autocomplete field) 

CONFIDENTIEL 113


* - You do not need to use this feature. 

- If you want your product to be displayed on the product 

list (T13), click on this checkbox. 

- If you want a product to be displayed on a 

manufacturer page (T18), click on this checkbox. 

CONFIDENTIEL 114

15 – CATALOG LIST 

CONFIDENTIEL 115


The catalog list template is based on the hub template: 

catalog grid display with customizable break zones. 

Catalog can be filtered by type or actual / future promotion 

Every catalog provide two links below : download link & 

online browsing. 

Breakzone can be displayed (see following page). 

This page is editable as a “list page”. This page is 

configured by business lab. You can then edit the title and 

introduction. All the catalogs are automatically displayed 

on this page. 

H: 178px 

L: 266px 

CONFIDENTIEL 116


To display breakzones go to Transgourmet/Breakzone 

Page Catalog List. 

You can then display “image push”. 

CONFIDENTIEL 117

16 - PROMOTION 

CONFIDENTIEL 118


The promotion page is a really simple template with a list 

of products & break zones (this template was inherited 

from TG FL website). 

Promotions could also be displayed in another template if 

needed (product list page for example) 

To create this page there are 4 major steps: 

1. Create product pages 

2. Create push if you want to display a breakzone 

3. Create a list with your products and breakzones in the 

right order 

4. Attach you list to your promotion page 

CONFIDENTIEL 119


STEP1 

Cf. Template 14 description 

STEP2 

If you want to display a push, you need to create a new 

content push before creating the promotion page. 

- Insert the title 

- Select the format rectangle 

- If you want a from redirect like on the example on the 

right 

- Add to library 

- You can select either a background, either a photo (size 

248x400 px) 

- Insert text (and HTML if you want to) 

- Title of the kink, URL, color of the call to action, color of 

the hover 

You can also display a push with just image and text. 

CONFIDENTIEL 120


To display the products you just need to attach an existing 

range (template 11) or family product (template 12) 

STEP3 

or you can create a new list (range or product family) to 

attach it. 

Enter a title, save. 

1 

CONFIDENTIEL 121


Once the list is created, you 

can add products and 

breakzones to that list. 

2 

Click on “view”. 

Then enter the name of 

products or breakzone. 

If you want to change the 

order, simply drag and drop 

elements. 

And save. 

3 

CONFIDENTIEL 122


STEP4 

Insert: 

- title of promotion page 

- Description 

- Attach the list you have 

created 

CONFIDENTIEL 123

17 - RECIPE 

CONFIDENTIEL 124

TEMPLATES : PRODUCTS 

The Recipe page is split into 4 different sections : 

• Recipe content (text, pictures) 

• Recipe related products (if exist) 

• Recipe related medias (pictures, videos) 

• Related / other recipes 

H: 540px 

L: 400px 

Automatic 

resize of 

product 

image 

CONFIDENTIEL 125

TEMPLATE 17 : RECIPE 

Title 

Automatically generated 

PDF version of the recipe 

Image 

Text – body 

For headlines, you can use « healine 3 or 4 » 

style 

You can attach 4 products (optional). This is an autocomplete 

field, you need to seperate each item with a comma. 

Medias can be of different types : another content type 

named « Media », an image, or a video. 

8 medias can be displayed on this page but if you want to 

display more than 8, a slider appears automaticaly. 

You can add other recipes. 

Autocomple field, each recipe needs to be separated by a 

comma. 

To edit the title « products »/ « the recipes in image » and « more 

recipes » you need to: 

- Go to Configuration/ Regional and language / Translate 

Interface / Translate 

Copy and paste the word you want to translate in the field « string 

contains ». DO NOT USE SPACE 

Search and edit the translation 

CONFIDENTIEL 126

TEMPLATE 17 : RECIPE 1/3 

Enter title 

Add an image 

Write the recipe 

Select a category from the menu (= filter on the recipe list). 

You can manage categories here: admin/structure/taxonomy 

Associate one or several products to your recipe. Type the beginning of the name, 

the system will display a list of corresponding items. 

Separate each product with a comma. 

CONFIDENTIEL 127

TEMPLATE 17 : RECIPE 2/3 

Select an existing media from the library, upload a new image 

or add the embed code of an external video file 

You can add several blocks, and arrange their order 

on the page by drag & dropping the cross. 

Link another recipe to this one. 

Just put a « , » symbol if you want to attach several recipes 

CONFIDENTIEL 128

TEMPLATE 17: RECIPE 3/3 

This zone is to create the content that will be displayed in the parent page. The image is 

mandatory to create the push. 

CONFIDENTIEL 129

18 - MANUFACTURER 

CONFIDENTIEL 130


The manufacturer page is split into 2 different sections 

(template from TG FL): 

• Manufacturer info (name, type, localization, description, 

picture & videos) 

• Manufacturer related products 

H: 200px 

L: 280px 

Automatic 

resize of 

product 

image 

CONFIDENTIEL 131


Name 

Type of producer 

(see following page) 

Description 

Image 

(300x215 px) 

City 

Creation date 

Number of employees 

Partnership date 

Reasons for selection 

You can select 3 reasons 

maximum 

Vidéo 

(embed code available on you 

tube for example: ) 

Products 

(separated by a comma) 

CONFIDENTIEL 132


To create a tag “producer type”, 

go to 

Structure/Taxonomy/Producer 

type 

Add a term and save 

CONFIDENTIEL 133

19 – Harvest calendar 

CONFIDENTIEL 134

TEMPLATE 19: HARVEST CALENDAR 

* This template has not been asked by any country for the moment. 

CONFIDENTIEL 135

20 – JOB OFFER 

CONFIDENTIEL 136

TEMPLATE 20: JOB OFFER 

The Job offers page is split into 3 different sections : 

• Welcoming section (title, short description, picture) 

• Filtering options (market / jobs / type…) 

• Job list with apply online CTA and view detail link 

This template can also have break zones (for example 

spontaneous application) 

This page is editable as a “list page”. This page is 

configured by business lab. You can then edit the title and 

introduction. All job offers are automatically displayed on 

this page 

To display breakzones go to Transgourmet/Breakzone 

Page Job offers. 

CONFIDENTIEL 137

21 – JOB OFFER DETAIL 

CONFIDENTIEL 138

TEMPLATE 21 : JOB OFFER 

Title 

Automatically 

generated PDF 

version 

TG BRAND 

Selected from « 28. TG BRAND » content type 

Offer reference 

City 

!!!!!!! 

Body 

Link to the apply online 

form 

To translate the tiltle 

- Go to Configuration/ Regional 

and language / Translate 


- Copy and paste the word you 

want to translate in the field 

« string contains ». DO NOT 

USE SPACE 

- Search and edit the translat 

Linked jobs (separated with a 

comma) 

Optional 

CONFIDENTIEL 139

22 – APPLY ONLINE 

CONFIDENTIEL 140

TEMPLATE 22: APPLY ONLINE 

This page is a webform template. 

Title 

Description 

Image 

375x70 px) 

Check the box if the form contains mandatory fields. Wen 

checked, this mention will appear. 

CONFIDENTIEL 141

24 – Market search 

CONFIDENTIEL 142

TEMPLATE 24: MARKET SEARCH 

The Market search page is split into 3 different sections : 

• Welcoming section (title, short description, picture) 

• Filtering options : 

• Location (zipcode, range) 

• Type 

• Markets map 

Market can be displayed in a map or in a list view 

Google map is currently used for map display. 

The set up of this page is made by Business lab. 

If you want to edit the title, image and body you can click on Edit. 

CONFIDENTIEL 143

25 - MARKET 

CONFIDENTIEL 144

TEMPLATE 25: MARKET DETAIL PAGE 

H: 239px 

L: 461px 

The Market search page is composed of 3 different 

sections : 

• Infos et contacts 

• Important info with validity dates managed in back office 

• Management / board 

• Market News 

• Regional Partners 

• Market offers / catalog 

A section witch is not filled in will not appear on front office 

H: 160px 

L: 200px 

CONFIDENTIEL 145

Name 

// TEMPLATE 25: MARKET 1/3 

Today Opening hours 

Automaticly generated from 

« Opening hours » bloc 

Phone number 

Contact Email 

Opens up as a 

« mailto » link 

Image 

Alert banner 

Market Google Map 

Automaticaly created from the adress of 

the market typed in the adress block 

!!!!!!! 

!!!!!!! 

!!!!!!! 

Opening hours 

Shop information 

Calculate directions 

Automaticly created from the adress 

and the user geolocalisation. 

Shopping list 

CONFIDENTIEL 146

Managers 

// TEMPLATE 25 : MARKET 2/3 

You can enter many Managers, and 

reorder them according to your needs. 

Name, function, picture, picture title and 

alternate text. 

Range managers 

You can enter many Range managers, and 

reorder them according to your needs. 

Name, Range name, Phone number 

You need to tick the 

checkbox in order to make 

this section visible. 

Title and text. 

Linked news 

You can add as many News 

or Events as you need here. 

If more than 3, the block turns 

to a slider with arrows. 

This is an autocomplete field. 

CONFIDENTIEL 147


Regional partners 

You can enter up to 5 regional partners 

(Content type « Regional partners ».) 

Regional partners « text » 

Highlight offers or catalogs 

You can enter up to 5 Highlight offers or 

Catalogs (content types : Offers and 

Catalogs). 

CONFIDENTIEL 148

26 – All brands 

CONFIDENTIEL 149

TEMPLATE 26: ALL BRANDS 

Brands are displayed alphabetically 

Filtering options : type of product, client segment 

For every brand there is : logo, name, short description, 

types of products available for this brand. 

The set up of this page is made by Business lab. 

You can only edit the title of the page in 

Structure/menu/main menu (for admin only) 

L: 180px 

CONFIDENTIEL 150

27 – TG brands 

CONFIDENTIEL 151

TEMPLATE 27: TG BRANDS 

See hub v3 explanation 

CONFIDENTIEL 152

28 – BRAND DETAIL 

CONFIDENTIEL 153

TEMPLATE 28: BRAND DETAIL 

The brand detail page is composed of 6 different sections: 

• Brands navigation menu (allow the user to navigate into 

every brand page without going back) 

• Brand presentation (picture, description, key figures) 

• “They are using this brand” : if possible testimonials 

videos 

• Promoted range of product & catalog download 

• Brand values 

• Brand products range 

CONFIDENTIEL 154


Current page is represented 

with a down arrow 

TG Brands 

Navigation bar automaticly generated 

from content type « TG BRAND » 

Logo 

« 1st section » block 

Background image 

Body 

Key figures (optional) 

You can add up to 4 key 

figures. Fileds are : 

Number and Text. 

CONFIDENTIEL 155


« 2nd section » block 

Title 

Media 

Recommandations par 

un chef étoilé 

Media can be an image or 

the embeded code of a 

youtube video 

Body 

Background image 

1600x600 px 

« 3nd section » block 

Title 

Highlight catalog or Offer 

Background 

image 

Body 

Link automatically created when you select a product 

range (From content type « Range ») 

Link automatically created from the Quality brand. 

Link automatically created if you have selected a 

catalog in « Highlight catalog ». 

CONFIDENTIEL 156


Logo 

Title 

Short text 

« 4th section » block 

4th section is only composed with 

« Brand’s value » items. Transforms to a 

slider if more than 1 item. 

- Title 

- Logo 

- Short text 

- Link title 

- Link URL 

- Background image 

Background 

image 

Link 

« 5th section » block 

5h section is only composed with « Range» 

items. 

This is an autocomplete field, each item needs 

to be separated by a comma. 

CONFIDENTIEL 157

29 – CONTACT 

CONFIDENTIEL 158

TEMPLATE 29: CONTACT, HELP, FORMS 

This page is a webform template. 

CONFIDENTIEL 159

31 - FAQ 

CONFIDENTIEL 160

TEMPLATE 31: FAQ 

Question and answers in the 

FAQ are organized in collapsible 

panels. On page load, only the 

first panel is expanded. 

Click to expand 

1 

2 

3 

1 

2 

Enter a question 

Enter the answer 

3 Change the order 

of the items 

Allows you to add a new question to the FAQ 

CONFIDENTIEL 161

33 /34/35 - SERVICE 

CONFIDENTIEL 162


H: 400px 

L: 540px 

Title 

Image 

Choose an option from three layouts : 

1. Align left with text on the right; 

2. Align right with texte on the left, 

3. Full width with texte below. 

Description 

You can choose « heading 3 » style for title in red 

Redirect link 

CONFIDENTIEL 163


When checked, this option add the 

service to the library and allows you 

to add it to the « service block ». 

WARNING: The service section only 

displays content from a service page 

(template 33). 

CONFIDENTIEL 164


Introduction field 

The text entered in the “introduction 

field” will not appear on the service 

page but on the “hub trade” 

(template 2) page. 

CONFIDENTIEL 165

36 – Media Center 

CONFIDENTIEL 166

TEMPLATE 36: MEDIA CENTER 

The media center page is composed 4 different sections : 

• Promoted media (picture, video..) 

• Media type tabs & internal search 

• Media categories filtering options 

• Media list 

The set up of this page is made by Business lab 

CONFIDENTIEL 167

37 – Media detail page 

CONFIDENTIEL 168

TEMPLATE 37: MEDIA DETAIL PAGE 

Enter « type » to define the category on the 

media center 

Title 

Image or embed video 

Pdf (optional) 

Body 

If you want the media to be highlighted (main zone) on 

the media center page, check the box 

Please note that the highlited media must be a photo 

CONFIDENTIEL 169


This title is the same for all media 

detail page. To prepare 

translation: 

- Go to Configuration/ Regional 

and language / Translate 


- Copy and paste the word you 

want to translate in the field 

« string contains ». DO NOT 

USE SPACE 

- Search and edit the translation 

Select a Media Category, to display other 

medias of the same category. If you do not 

enter item, this section will not appear. 

To create a Media category, see following 

page. 

CONFIDENTIEL 170


1. If you want to create a new « Media 

category » (= filter for the media 

center) > for admin only Go to 

Structure/Taxonomy/Category media 

(for admin only) 

2. You can see all the Category Media 

and you can edit, delete or create one. 

1 

2 

CONFIDENTIEL 171

38 – Empty template 

CONFIDENTIEL 172

TEMPLATE 38: EMPTY TEMPLATES 

The standard empty template allow you to add 

any content you want on the body section of a 

page (between header & footer) 

Content management via WYSIWYG tool in back 

office 

CONFIDENTIEL 173

39 – Custom template 

CONFIDENTIEL 174

TEMPLATE 39 – CUSTOM TEMPLATE 

In the backoffice: 

- I can define a title (text required) 

- I can choose sections to view and configure (collection, mandatory) 

Each section will have a section title. 

The different sections available are: 

- Text (WYSIWYG) 

- Full width image on the top of the page (optional) 

- Products(multiple autocomplete) 

- Media (multipleautocomplete) 

- Catalogs(multiple autocomplete) 

- Iframe (longtext) 

- News (multipleautocomplete; taxonomy select news categories) 

- Attach an existing form 

CONFIDENTIEL 175


Insert title of the page. 

You can have an optional full 

width image under the title of the 

page. 

CONFIDENTIEL 176


* You can display different 

sections on the page: 

• Text 

• Products 

• Medias 

• Catalogs 

• Iframe 

• News 

• Existing form 

* To remove a section, click on 

« remove » 

* To add another section, click 

on « add another item » 

* To move a section, you can 

drag & drop it by clicking 

here. 

CONFIDENTIEL 177


* To diplay products 

• Select « products » in 

the drop down menu 

• You can choose a title 

to this section 

• Insert the name of the 

products you want to 

diaply (autocomplete 

field) and seperate 

them with a comma 

* To diplay an iframe 

• You can choose a title 

to that section 

• Select « iframe » in 

the drop down menu 

• Select the url of the 

iframe 

• Select the size (1110 

px of width maximum) 

CONFIDENTIEL 178


* To display news 

• You can choose a title to that section 

• Select « news » in the drop down 

menu 

• If you want to display selected news, 

click on manually and insert the 

name of the news you want to 

display. Each item separated by a 

comma (autocomplete field) 

• If you want to display a all category 

of news, you can select it in the drop 

down menu. 

CONFIDENTIEL 179


* To display an existing form 

• You can choose a title to that section 

• Select « form » in the drop down 

menu 

• Select the form you want to display 

in the drop down menu. 

CONFIDENTIEL 180


* If the parent page is a hub, to create the push on the hub page you just need to upload an image in the push field. 

* If you want to override the highlitghted title you can insert a new text in the title field 

CONFIDENTIEL 181

Other notes 

CONFIDENTIEL 182


* For admin only 

• Go to Configuration/ Regional and language / Translate Interface / Translate 

• Copy and paste the word you want to translate in the field « string contains ». DO NOT USE SPACE 

• Search and edit the translation 

CONFIDENTIEL 183


CONFIDENTIEL 184

META TAGS 

For SEO purpose, you can insert meta title (by default, the meta title of the page will be the title of the page, meta description (you 

can update manually overthise the body will be set by default); the meta keywords. 

CONFIDENTIEL 185

PUBLISH/UNPUBLISH OPTIONS 

To unpublish a page, uncheck the checkbox and save. 

CONFIDENTIEL 186

EDIT/ CREATE FILTERS 

* The list of filters is freely administrable 

(admin role) in the back-office. It is what 

we call a "taxonomy". When logged in 

the back-office, go in 

Structure/Taxonomy. Here you can add 

any term to use as a new filter on the 

page mentioned. To do so: 

1 

• 1 - Click on “list terms” 

• 2 - Click on “add terms” 

• 3 - Write the name of the filter and 

save 

2 

CONFIDENTIEL 187

EDIT/ CREATE COOKIES BANNER 

* The cookies banner is freely administrable (admin role) in the back-office. When logged in the back-office, go in 

Transgourmet/Blocks/Cookie. Here you can edit the banner text. You can also add a link to refer to another page for more 

information. 

• 1 – Edit the banner content (And mark the box “Enable”) 

• 2 - If needed add a link for more information 

• 3 - Save 

1 

2 

3 

CONFIDENTIEL 188

DUPLICATE ANY CONTENT 

* All back office content is duplicable in admin mode. When you are logged in the back office, the tab appears 

when you edit any content. 

• 1 – click on “edit” in the list of contents 

• 2 – click on the "replicate" tab 

• 3 – On the new page, click on the "replicate" button 

• 4 - You can access your new duplicate content via the "content" tab 

CONFIDENTIEL 189

MERCI* 

Perrine Cordier | pcordier@businesslab.com 

26 rue des amandiers - 92000 Nanterre | Standard : 01 76 61 75 00 | businesslab.com CONFIDENTIEL 190

Katalog testowy2 - 20170302_tg-guide-utilisateur.pdf

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?