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 Spain)
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-spain" folder.
Once within the "gst_v1_0-aag-spain" 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_Spain" 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 Spain)
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
Lorem Ipsum Dolor Sit Amet Lorem Ipsum
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.
1 Col Copy -- Hex Graphic Left (Section 3B)
Suggested Use: short/long copy and use this section for the first section on the page
Notes: N/A
Available Code Snippets: v1 - Section 3B - 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.
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. 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.
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. 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 en cifras:
17.000
empleados
Ingresos de
3.400 millones
de euros
79 Centros
de Distribución
Ubicaciones
en 10 países
2.580
tiendas
Our Brands - Multi Item - (Section 18)
Suggested Use: Display brand information
Notes: N/A
Available Code Snippets: N/A
Empresas del Grupo Alliance Automotive en España y Portugal
Fundada en 1953, Lausan opera una amplia red de 31 sucursales bajo la enseña Lausan, apoyada por sus centros de distribución nacionales y regionales en España.
Soulima es un distribuidor, importador y mayorista con sede en Lisboa que distribuye en la capital de Portugal y sus alrededores.
Distribuidor de recambios desde 1989, Gaudi opera con 22 sucursales y cuenta con empresas Asociadas y Franquiciadas.
Note To Developer: Please include documentation for this section!
Potenciamos a nuestros compañeros con confianza, oportunidades y crecimiento personal.
Estamos orgullosos de que las personas sean la base de nuestros éxitos. Nuestros empleados, clientes y comunidades están en el centro de todo lo que hacemos.
Un mercado cada vez más complejo requiere un nuevo nivel de experiencia a todos los niveles. Nos esforzamos por crear un lugar de trabajo líder en el mercado con un verdadero sentido de pertenencia mediante el reconocimiento, el desarrollo personal y mejora continua. Rompemos continuamente nuestra zona de confort para mantenernos en cabeza.
RESPONSABILIDAD
Alliance Automotive Group entiende la importancia de crear una cultura positiva y promover el bienestar dentro y fuera de nuestra organización. Nuestro compromiso para lograr la inclusión, la diversidad y la sostenibilidad de cara a un futuro mejor, se refleja en uno de nuestros cinco valores fundamentales: “Responsabilidad".
Entendemos la importancia de asumir la responsabilidad de nuestras elecciones, acciones y su impacto global en el planeta. ¡Un futuro sostenible es el único futuro! ♻️
Promovemos comportamientos específicos para enfatizar aún más la responsabilidad, incluido el reciclaje o la reutilización siempre que sea posible, la búsqueda activa de alternativas más ecológicas, la aceptación del cambio y la transformación, y el fomento de diferentes perspectivas.
DESEMPEÑO
Estamos muy orgullosos de defender el crecimiento sostenible a través del trabajo colectivo, el compromiso y la implicación de nuestro equipo.
Por eso "desempeño" es uno de nuestros cinco valores fundamentales.
Contribuimos a la rentabilidad y longevidad del grupo, manteniendo un alto nivel de atención al detalle y calidad de servicio. Vamos más allá de terminar el trabajo; perseveramos hasta que nos sentimos orgullosos del resultado.
PRAGMATISMO
Entendemos que los grandes sueños se consiguen mediante acciones prácticas, realistas y tangibles.
Alcanzamos nuestras ambiciones mediante la aplicación práctica de nuestras estrategias. Resolvemos problemas, creamos soluciones y utilizamos nuestra iniciativa. Somos profesionales innovadores y con visión de futuro que nos aseguramos de que las ideas se basen en la realidad y sean muy factibles. Fomentamos la libertad creativa, pero nos aseguramos de que nuestros resultados sigan siendo funcionales, legibles y beneficiosos para los demás. Actuamos con rapidez y buen criterio y mantenemos un enfoque ágil en la toma de decisiones y la priorización.
INTEGRIDAD
Perseguimos nuestra misión con honestidad y respeto mutuo para todos.
La transparencia y la autoconciencia definen nuestros comportamientos, decisiones y acciones. El reflejo de nuestra actitud es un reflejo de AAG. Nosotros comunicamos con claridad y honestidad. Escuchamos y tenemos en cuenta las opiniones de los demás y construimos juntos un resultado. Comprendemos que nuestras palabras y acciones pueden iniciar una cadena de acontecimientos de gran alcance entre colegas, equipos, proveedores, partes interesadas, clientes y la sociedad. Nos ganamos la confianza actuando.
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.