Use the "asset picker" button in the toolbar to add or modify images
Avoid adding images to modules that didn’t already contain an image.
Consider adding alt text for accessibility (editable through the "asset picker" button). For more details, see "Do I need to update/include alt text for every image?" in General Tips and Advice for CMS Users.
How do I add a code snippet?
Use the "insert code snippet" button in the toolbar to add pre-made snippets of code into the content editor.
Only use snippets meant for the specific module you’re editing (indicated by section number).
Refer to the section dividers in this guide for the code snippet names used in templates.
You must ensure a hierarchical structure: the top heading on the page should be H1.
Avoid skipping heading levels on a page (e.g., don’t use H3 before H2).
Use the "STYLE" dropdown to change the heading appearance without altering the heading level. Note that any applied style heading class will overwrite any native h# element styling.
General Tips/Advice for CMS Users
Can I change the layout assignment of a page/section/module?
Never change a layout assignment unless specifically instructed to do so in the relevant section's documentation found in the Section Guide. This will almost always lead to unintended results.
Can I add a module to a section?
Never add a module to a section unless specifically instructed to do so in the relevant section's documentation found in the Section Guide. This will almost always lead to unintended results.
What should I name a section I’m creating from the “Add New” menu?
Use consistent naming conventions.
We recommend:
For sections used only on one page: “[Page Name OR Abbreviated Page Name] - [Section Template Name]”. Example: "Home - Image and Copy - (Section 27)"
For sections used on multiple pages: use a name summarizing its purpose/intent and include the section template name. Example: "Career Area CTAs - (Section 28)".
Note: While you CAN change a section's name after creating it, you will NOT be able to change the names of the modules included in the section (which will, by default, include the ORIGINAL section name.) So we recommend that you carefully choose a good name for each section you create.
How do I choose a section template ("add new") from the Section Catalog menu?
Use the "search" field and enter terms that summarize the type of content you want to add.
Common keywords to try: "Image and Copy", "Testimonial", "Copy", "Multi Item".
Searching by keyword will help you narrow down the list of results.
How do I create a "blank" page (not from a page template)?
Alt text can be left blank for descriptive, non-essential images.
Alt text improves accessibility and SEO.
Does link text matter?
Yes.
For accessibility use meaningful link text that would still make sense if it were taken out of the surrounding context.
Avoid "click here" or "learn more".
Code Snippets
Code snippets prefixed with "v1 - " may be used on any site instance.
Code snippets prefixed with v1 and the instance name (example: "v1-APAC"), should only be used for the matching site instance. Please refer to the site instance notes in this guide.
Only use code snippets with matching "Section Number" titles for the section you are editing.
“Section Number” code snippets are typically used to reset a Custom HTML Module to its template state.
If a code snippet does not include a section number in the name, you may use it in any custom html module.
Instance Notes - (AAG Portugal)
How do I create a "blank" page (not from a page template)?
Click the "Add Page" button in the "Primary CMS Theme".
Choose "v1 - Default Content Page (CMS)" layout.
Where should I upload asset files?
Open the "cms" folder. Upload assets to the "gst_v1_0-aag-portugal" folder.
Once within the "gst_v1_0-aag-portugal" folder, images are further organized in subfolders. Choose the subfolder that applies to your image. The "img" folder should be used if the image does not apply to any of the other subfolders.
Are there any code snippets that are unique to this site instance?
Code snippets prefixed with "v1-AAG_Portugal" are unique to this instance.
(NOTE: the amount of space is indicated below each title in Peach)
Spacing - 0px Margin Bottom
Spacing - 10px Margin Bottom
Spacing - 20px Margin Bottom
Spacing - 30px Margin Bottom
Section Guide (AAG Portugal)
Common "Use Existing" sections (Search Form, etc.) and all "Add New" CMS templates are listed.
Sections are separated by dividers with relevant information about the section.
Note that section titles are color coded based on which menu they can be found in after clicking the "add section" button on any page:
Red - find this section in the "Use Existing" Menu. Green - find this section in the "Add New" Menu.
Keep in mind:
Editing a section from the "Use Existing" Menu affects every instance of that section.
Sections added via the "Add New" Menu can be edited freely, as each addition creates a new instance.
Hero Banner (Section 1A)
Suggested Use: Hero banner
Notes: Consider the headline color when choosing hero images. The headline and hero image should have good contrast for readability.
Available Code Snippets (Any v1 site):
v1 - Section 1 - Hero Text (h1) - White
v1 - Section 1 - Hero Text (h1) - Blue (primary)
Available Code Snippets (APAC site only):
v1-APAC - Section 1 - Hero (h1) - White with Gold Accent
Forma parte de algo grande
Hero Banner (Section 1b)
Suggested Use: Hero banner without headline
Notes: N/A
Available Code Snippets: N/A
Form - (Section 26)
Suggested Use: Search Form
Notes: Search Form must be assigned to each page below the hero banner.
Available Code Snippets: N/A
Copy & Image -- Hex Graphic Left (Section 2A)
Suggested Use: page intro
Notes: N/A
Available Code Snippets: v1 - Section 2 - Content
Lorem Ipsum Dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
1 Col Copy (Section 3A)
Suggested Use: short/long copy
Notes: N/A
Available Code Snippets: v1 - Section 3 - Content
Lorem Ipsum Dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
2 Col Copy (Section 22)
Suggested Use: 2 columns of short copy
Notes: N/A
Available Code Snippets: v1 - Section 22 - Content
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Copy - (Section 4)
Suggested Use: Add paragraph of text with additional callout links
Notes: N/A
Available Code Snippets: v1 - Section 4 - Content
Headline Goes Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem Ipsum Dolor
Lorem Ipsum
Lorem Ipsum Dolor Set Amet Consectetur
Lorem Ipsum
Lorem Ipsum Dolor Set Amet
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tristique nulla aliquet enim tortor at auctor urna. Sit amet consectetur adipiscing elit. Sed cras ornare arcu dui vivamus arcu. Neque viverra justo nec ultrices dui sapien eget.
Magna sit amet purus gravida quis blandit turpis cursus. Malesuada bibendum arcu vitae elementum curabitur. Sed sed risus pretium quam vulputate dignissim suspendisse. Ut pharetra sit amet aliquam id diam maecenas ultricies mi.
Suggested Use: A heading with a row of images underneath
Notes: Recommended image size: 148px x 132px
Available Code Snippets:
v1 - Section 5 - Heading Only
v1 - Section 5 - Item
Headline Goes Here
Lorem Ipsum Dolor
Lorem Ipsum
Lorem Ipsum Dolor Set Amet Consectetur
Lorem Ipsum
Lorem Ipsum Dolor Set Amet
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Image and Copy - (Section 6)
Suggested Use: 2 columns of Image and Copy
Notes: N/A
Available Code Snippets: v1 - Section 6 - Content
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Video - (Section 7a)
Suggested Use:2 column Video and Text
Notes: N/A
Available Code Snippets:
v1 - Section 7 - Headline Only
v1 - Section 7 - Description Text
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Icons - (Section 9)
Suggested Use:Row of icons with text below
Notes: N/A
Available Code Snippets:
v1 - Section 9 - Headline Only
v1 - Section 9 - Icon Item
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Tablist - (Section 10)
Suggested Use: Display Featured / Recently viewed jobs / Saved jobs job lists
Notes: Do not attach any styles to the div id's. The div id's are partially dynamic. This allows the ability of multiple instances of this layout to be used on one page if needed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Learn More
Multi Item - (Section 14b)
Suggested Use: Display cards with content and a CTA link.
Notes: Uses Custom HTML module.
Available Code Snippets: v1 - Section 14 - Item
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Available Code Snippets: v1 - Section 14 - Item Without Link
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Testimonial - (Section 16)
Suggested Use: Employee Testimonial
Notes: N/A
Available Code Snippets: v1 - Section 16 - Quote
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lacus sed viverra tellus in hac habitasse platea dictumst. Ut eu sem integer vitae justo eget magna fermentum iaculis. Lorem donec massa sapien faucibus.”
Employee NameDepartment Name
By the Numbers - Multi Item - (Section 17)
Suggested Use: Color Tiles with Text and icon inside
Notes: N/A
Available Code Snippets: N/A
Alliance Automotive Group em números:
17.000
colaboradores
Receitas de
3,4 mil milhões
de euros
79 Centros
de Distribuição
Localizações
em 10 países
2.580
lojas
Our Brands - Multi Item - (Section 18)
Suggested Use: Display brand information
Notes: N/A
Available Code Snippets: N/A
Empresas do Alliance Automotive Group em Espanha e Portugal
Fundada em 1953, a Lausan opera uma vasta rede de 31 sucursais sob a insígnia Lausan, apoiada pelos seus centros de distribuição nacionais e regionais em Espanha.
A Soulima é um distribuidor, importador e grossista com sede em Lisboa que distribui na capital de Portugal e arredores.
Distribuidor de peças sobressalentes desde 1989, a Gaudi opera com 22 filiais e tem empresas associadas e franchisadas.
Note To Developer: Please include documentation for this section!
Damos aos nossos colegas confiança, oportunidades e crescimento pessoal.
Orgulhamo-nos do fato de as pessoas estarem no centro do nosso sucesso. Os nossos colaboradores, clientes e comunidades estão no centro de tudo o que fazemos.
Um mercado cada vez mais complexo exige um novo nível de especialização a todos os níveis. Esforçamo-nos por criar um local de trabalho líder de mercado com um verdadeiro sentimento de pertença através do reconhecimento, recompensa, desenvolvimento pessoal e progressão dos colaboradores. Saímos continuamente da nossa zona de conforto para nos mantermos à frente da curva.
RESPONSABILIDADE
A Alliance Automotive Group compreende a importância de criar uma cultura positiva e de promover o bem-estar dentro e fora da nossa organização. O nosso empenho em alcançar a inclusão, a diversidade e a sustentabilidade para um futuro melhor reflecte-se num dos nossos cinco valores fundamentais: “Responsabilidade".
Compreendemos a importância de assumir a responsabilidade pelas nossas escolhas, ações e pelo seu impacto global no planeta - um futuro sustentável é o único futuro! ♻️
Promovemos comportamentos específicos para enfatizar ainda mais a responsabilidade, incluindo a reciclagem ou reutilização sempre que possível, procurando ativamente alternativas mais ecológicas, abraçando a mudança e a transformação e incentivando perspectivas diferentes.
DESEMPENHO
Temos muito orgulho em defender um crescimento sustentável através do trabalho coletivo, do empenho e do envolvimento da nossa equipa.
É por isso que o "Desempenho" é um dos nossos cinco valores fundamentais.
Contribuímos para a rentabilidade e a longevidade do grupo, mantendo um elevado nível de atenção aos pormenores e à qualidade do serviço. Não nos limitamos a terminar o trabalho; perseveramos até nos sentirmos orgulhosos do resultado.
PRAGMATISMO
Entendemos que os grandes sonhos são alcançados através de ações práticas, realistas e tangíveis.
Alcançamos as nossas ambições através da aplicação prática das nossas estratégias. Resolvemos problemas, criamos soluções e usamos a nossa iniciativa. Somos profissionais inovadores e com visão de futuro, que asseguram que as ideias são baseadas na realidade e altamente viáveis. Encorajamos a liberdade criativa, mas asseguramos que os nossos resultados permanecem funcionais, legíveis e benéficos para os outros. Agimos de forma rápida e criteriosa e mantemos uma abordagem ágil à tomada de decisões e à definição de prioridades.
INTEGRIDADE
A nossa visão é perseguida com honestidade e respeito mútuo por todos.
A honestidade e a consciência de si próprio moldam os nossos comportamentos, decisões e ações, mesmo à porta fechada. O reflexo da nossa atitude é um reflexo da AAG. Comunicamos com clareza e transparência. Ouvimos e tomamos em consideração as opiniões dos outros e formulamos um resultado em conjunto. Compreendemos que as nossas palavras e ações podem dar início a uma cadeia de acontecimentos de grande alcance entre colegas, equipas, fornecedores, partes interessadas, clientes e sociedade. Ganhamos confiança através da ação.
Multi Item - (Section 21)
Suggested Use: Display a grid of images that link to search results for a given category
Notes: When updating the content for each card, do not enter any text into the short description field. The module will display the text if it exists. However the module was not built to account for the short description text.
Available Code Snippets: v1 - Section 21 - Headline
Suggested Use: When you want to place social media links on the page
Notes: N/A
Available Code Snippets: v1 - Section 23 - Content
Follow Us
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat.