Developer Notes
*** Please remember ***
For any new Section Templates / Dev Templates you create, or any updates you make to this Dev Guide or the CMS Guide, please also make the same Section Templates, and edits to the Dev Guide and CMS Guide on the Multi-Language Site. We want to keep these in sync!
Implementation Developers
EPorter and MHarris (Homepage and CPs), RHammer (Core, Section Templates, CPs)
CMS Guide
For "Add New" Section Templates and "Use Existing" Sections, please see the Sanofi CMS Guide
Site Notes
Why are the Banner Images and Search Form added as Sections on each page?
Some Core pages were designed to not include the Search Form. We could have done this at the Theme Level with Razor, however that would have depended on the CPs being able to leverage the “Banner” feature in Admin. However the CP Banners were designed with too many text elements to use this. Since the CP Banners were going to have to be added as a Section on the page to accommodate all of the text elements, that meant the Search Form was going to have to be added as a Section on the page as well in order to position it below the Banner.
Additional Note: Since we can’t add Sections to an Error page, the Search Form for the Error pages is added at the Theme level in a Partial that’s being shown conditionally via Razor.
Why are so many of the Headlines hard-coded instead of using the “Display Headline” input field in Admin?
Because of the "Bold Text Italic Text" styling that occurs within the same sentence of some Headlines, that meant a single input field in Admin was not going to work. Because of this, Headline Elements that are styled in this way are hard-coded at either the Page / Section / or Module level.
Where to find all of the hard-coded text and their translations?
Please refer to (and keep updated) this document: Sanofi Hardcoded Text Locations
Does this client use Radancy Job Alerts?
Originally this site was implemented with Radancy Job Alerts, however the client has since decided to use an external CRM. The following elements have been implemented, tested, and are no longer being used, but still exist on the site in case this situation changes in the future:
- On-page Job Alert Form. Section Name: "Form - (Section 9a)"
- Modal Window Job Alert Form. Originally added to Theme Partial "BottomBody". Section Name: "Form - (Section 9b)"
- Job Alert Management Page
- Job Alert Verify Page
- Job Alert Unsubscribe Page
- Custom Job Alert Emails
Developer Templates
Name: Tablist - (Section 33)
CMS Enabled? No
Background Color: Update the Section Identifier to change the background color.
- .section33a = Gray Background.
- .section33b = White Background
Code snippet: "Section 33 - Intro Text - CMS" and "Section 33 - DEVELOPER TEMPLATE - Tablist Code"
Headline Text
Aenean tempor pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestibulum diam quam, id suscipit felis rhoncus sit amet. Curabitur lobortis lectus nec mauris vehicula, quis fermentum velit lacinia. Pellentesque vitae bibendum ante. Suspendisse sed viverra nisl, nec imperdiet nulla. Sed quis velit vitae sapien egestas suscipit. Donec blandit pellentesque tincidunt.
Headline Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tellus nunc, molestie et justo sit amet, finibus tincidunt libero. Duis at rhoncus urna. Vivamus nec consectetur ligula, sit amet consequat est. Sed bibendum tempus diam at mattis. Etiam sodales leo pretium odio tristique vestibulum. Curabitur eu laoreet dolor, sed pretium nisi.
Descriptive Link TextHeadline Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tellus nunc, molestie et justo sit amet, finibus tincidunt libero. Duis at rhoncus urna. Vivamus nec consectetur ligula, sit amet consequat est. Sed bibendum tempus diam at mattis. Etiam sodales leo pretium odio tristique vestibulum. Curabitur eu laoreet dolor, sed pretium nisi.
Descriptive Link Text
Name: Disclosure - (Section 34)
CMS Enabled? No
Background Color: White
Code snippet: "Section 34 - Intro Text - CMS" and "Section 34 - DEVELOPER TEMPLATE - Disclosure Code"
Headline Text
Aenean tempor pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestibulum diam quam, id suscipit felis rhoncus sit amet. Curabitur lobortis lectus nec mauris vehicula, quis fermentum velit lacinia. Pellentesque vitae bibendum ante. Suspendisse sed viverra nisl, nec imperdiet nulla. Sed quis velit vitae sapien egestas suscipit. Donec blandit pellentesque tincidunt.
-
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.
Name: Multi Item - (Section 35)
CMS Enabled? No
Background Color: Update the Section Identifier to change the background color.
- .section35a = Dark Purple to White Background.
- .section35b = Dark Purple to Light Gray Background (with bottom padding).
- .section35c = Dark Purple to Light Gray Background (with NO bottom padding).
Code Snippet: "Section 35 - Intro Text - CMS" and "Section 35 - DEVELOPER TEMPLATE - Multi Item Code"
Headline Text
Aenean tempor pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestibulum diam quam, id suscipit felis rhoncus sit amet. Curabitur lobortis lectus nec mauris vehicula, quis fermentum velit lacinia. Pellentesque vitae bibendum ante. Suspendisse sed viverra nisl, nec imperdiet nulla. Sed quis velit vitae sapien egestas suscipit. Donec blandit pellentesque tincidunt.
-
Lorem ipsum dolor sit amet, consectetur
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
Lorem ipsum dolor sit amet, consectetur
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
Lorem ipsum dolor sit amet, consectetur
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
Lorem ipsum dolor sit amet, consectetur
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Name: Slider - (Section 36)
CMS Enabled? No
Background Color: White
Code snippet: "Section 36 - Intro Text - CMS" and "Section 36 - DEVELOPER TEMPLATE - Slider Code"
Headline Text
Aenean tempor pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestibulum diam quam, id suscipit felis rhoncus sit amet. Curabitur lobortis lectus nec mauris vehicula, quis fermentum velit lacinia. Pellentesque vitae bibendum ante. Suspendisse sed viverra nisl, nec imperdiet nulla. Sed quis velit vitae sapien egestas suscipit. Donec blandit pellentesque tincidunt.
Name: Slider - (Section 37)
CMS Enabled? No
Background color: White
Code snippet: "Section 37 - Intro Text - CMS" and "Section 37 - DEVELOPER TEMPLATE - Slider Code"
Headline Text
Aenean tempor pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestibulum diam quam, id suscipit felis rhoncus sit amet. Curabitur lobortis lectus nec mauris vehicula, quis fermentum velit lacinia. Pellentesque vitae bibendum ante. Suspendisse sed viverra nisl, nec imperdiet nulla. Sed quis velit vitae sapien egestas suscipit. Donec blandit pellentesque tincidunt.
Name: Slider - (Section 38)
CMS Enabled? No
Background Color: Update the Section Identifier to change the background color.
- .section38a = Light Gray
- .section38b = White
Code snippet: "Section 38 - DEVELOPER TEMPLATE - Slider Code"
Name: Slider - (Section 49)
CMS Enabled? No
Code snippet: "Section 49 - Copy - CMS" and "Section 49 - DEVELOPER TEMPLATE - Slider Code"
Headline Text
Aenean tempor pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestibulum diam quam, id suscipit felis rhoncus sit amet. Curabitur lobortis lectus nec mauris vehicula, quis fermentum velit lacinia. Pellentesque vitae bibendum ante. Suspendisse sed viverra nisl, nec imperdiet nulla. Sed quis velit vitae sapien egestas suscipit. Donec blandit pellentesque tincidunt.
Name: Slider - (Section 50)
CMS Enabled? No
Code snippet: "Section 50 - Headline - CMS" and "Section 50 - DEVELOPER TEMPLATE - Slider Code"
Bold headline

Name: Hero - (Section 3a)
CMS Enabled? No
Code snippet is "Section 3 - Color Headline - CMS".

Page Name
Bold headline
Italic headline
Name: Hero - (Section 3b)
CMS Enabled? No
Code snippet is "Section 3 - White Headline - CMS".

Page Name
Bold headline
Italic headline
Name: Hero - (Section 5)
CMS Enabled? No

Name: Hero - (Section 48)
Code snippet: "Section 48 - Copy - CMS".
Note: Use .mp4 video file for Background video.
Lorem ipsum
Bold Text Italic Text
Aenean venenatis ullamcorper lectus vel consequat. Nullam vel nulla ornare, pellentesque nisl vitae, tempus risus. Suspendisse ultricies neque dolor, at vehicula eros iaculis sed. Aenean sodales lacus maximus suscipit blandit. Suspendisse dapibus faucibus est in fringilla. Aenean interdum mi eget nisi scelerisque, id suscipit velit laoreet. Cras ac efficitur ligula, non aliquet nisi. Phasellus aliquet dui eu laoreet bibendum. Integer rutrum purus libero, at porta felis imperdiet id. Proin laoreet gravida urna, sit amet volutpat arcu pulvinar facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.