Note: The following eSpots are PanEmerson and can be used on all Emerson domains with the HCL Commerce online store enabled.
HCL eSpot Name: OrderConf_BottomEspot
Order Confirmation eSpots display below the Order Confirmation content, extending across the full width of the page’s main content area.
• New Product Information
• Installation Information
• Demonstration of different producs
Approved content authors can copy and paste the available code snippet. Highlighted sections are meant to be customized per the specific use case.
<div class="order-confirmation-espot image-based">
<div class="image-container">
<img src="[HL]https://d1-auth.insinkerator.emerson.com/resource/image/3999070/portrait_ratio3x4/414/552/6746185200d5941db958b503f7f95a21/fw/hot-tap-c011.jpg[/HL]" />
</div>
<div class="text-container">
<p>[HL]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viva mus mi em, volutpat congue nisl egestas, vehicula pulvinar leo.[/HL]</p>
<a class="arrow-right-link animated-arrow-right-link" href="[HL]https://www.google.com[/HL]">[HL]Learn More[/HL]</a>
</div>
</div>
Body Copy: 100
Width: 590px
Height: 150px (fixed)
Width: 1180px
Height: 150px
• New Product Information
• Installation Information
• Demonstration of different producs
Text Block with Grey Background
<div class="order-confirmation-espot text-block gray-background">
<div class="heading-container">
<h3>[HL]Headline lorem ipsum dolor edipiciscing[/HL]</h3>
</div>
<div class="text-container">
<p>[HL]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viva mus mi em, volutpat congue nisl egestas, vehicula pulvinar leo.[/HL]</p>
<a class="arrow-right-link animated-arrow-right-link" href="[HL]https://www.google.com[/HL]">[HL]Read More[/HL]</a>
</div>
</div>
Text Block with White Background
<div class="order-confirmation-espot text-block">
<div class="heading-container">
<h3>[HL]Headline lorem ipsum dolor edipiciscing[/HL]</h3>
</div>
<div class="text-container">
<p>[HL]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viva mus mi em, volutpat congue nisl egestas, vehicula pulvinar leo.[/HL]</p>
<a class="arrow-right-link animated-arrow-right-link" href="[HL]https://www.google.com[/HL]">[HL]Read More[/HL]</a>
</div>
</div>
Headline: 35
Body Copy: 170
Width: 1180px
Height: 150px (fixed)