Note: This eSpot is PanEmerson and can be used on all Emerson domains with the HCL Commerce online store enabled.
HCL eSpot Name: Cart_BodyLeft_Marketing
The in-shopping cart allows for the display of an optional eSpot marketing content. When included, this item displays within the main Shopping Cart just below the contents of the cart, promo codes and financial stack. This section should appear to be “pinned” to the bottom left-hand corner of the Shopping Cart “card.”
• Purchaser license restrictions
• Promotional/Marketing messaging
• Shipping information/delays
• Order Processing information
• Cross-sell/Up-sell messaging / Awareness of Training
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="emr-cart-left-marketing-espot image-diagonal-based">
<div class="image-container">
<img src="[HL]https://www.emerson.com/resource/image/6157304/landscape_ratio16x9/600/338/d16820d0ebeab7c7f8fb53c19c358403/Mt/c005-professional-tools.jpg[/HL]" />
</div>
<div class="text-container">
<h3>[HL]Headline 40 Character Limit Lorem Ipsum[/HL]</h3>
<p>[HL]Body 165 Character Limit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viva mi ex, volupat congue nisl egestas, vehicula pulvinar leo. Lorem ipsum dolor.[/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: 40
Body Copy: 165
Width: 264px
Height: 160px
Width: 800px
Height: 160px (fixed)
• Purchaser license restrictions
• Promotional/Marketing messaging
• Shipping information/delays
• Order Processing information
• Cross-sell/Up-sell messaging / Awareness of Training
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="emr-cart-left-marketing-espot image-based">
<div class="image-container">
<img src="[HL]https://www.emerson.com/resource/image/6157304/landscape_ratio16x9/600/338/d16820d0ebeab7c7f8fb53c19c358403/Mt/c005-professional-tools.jpg[/HL]" />
</div>
<div class="text-container">
<h3>[HL]Headline 40 Character Limit Lorem Ipsum[/HL]</h3>
<p>[HL]Body 165 Character Limit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viva mi ex, volupat congue nisl egestas, vehicula pulvinar leo. Lorem ipsum dolor.[/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: 40
Body Copy: 165
Width: 264px
Height: 160px
Width: 800px
Height: 160px (fixed)
• Purchaser license restrictions
• Promotional/Marketing messaging
• Shipping information/delays
• Order Processing information
• Cross-sell/Up-sell messaging / Awareness of Training
Text Block with Grey Background
<div
class="emr-cart-left-marketing-espot text-based grey-background">
<div class="text-container">
<h3>[HL]Headline 45 Character Limit Lorem Ipsum Dolo[/HL]</h3>
<p>[HL]Body 180 Character Limit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viva mus mi ex, volutpat congue nisl egestas, vehicula pulvinar leo. Lorem ipsum dolor sit amet.[/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="emr-cart-left-marketing-espot text-based">
<div class="text-container">
<h3>[HL]Headline 45 Character Limit Lorem Ipsum Dolo[/HL]</h3>
<p>[HL]Body 180 Character Limit. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Viva mus mi ex, volutpat congue
nisl egestas, vehicula pulvinar leo. Lorem ipsum dolor sit amet.[/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: 45
Body Copy: 180
Green CTA link can only be used on light grey and white background. When using the rich black background, only use white copy and CTA links.
Width: 800px
Height: 160px