| LCBO
Home

Usable components

-Breadcrumb-

Home

Notes

  • LCBO specific delimiter used for the bread crumb is >
  • Breadcrumb component comes with a default separator and is centre aligned

-Carousel-

Notes

  • not in use widely
  • Clickable image that can direct to a specific page.
  • maximum numer of slides that can be uploaded is 8
  • There is no difference between the view types that is availble in the component. 
  • Can be used for campaign promotions, seasonal banners and multiple content highlights.

-Column Control-

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Decorative

Title

This is the description This is the description  This is the description  This is the description  This is the description  This is the description  This is the description This is the description 

link label
Decorative

Title

This is the description This is the description This is the description This is the description This is the description This is the description This is the description This is the description This is the description This is the description

Link label
Decorative

Title

This is the description This is the description This is the description This is the description This is the description This is the description This is the description

Link label
Alt Text

HED

Body Text

Alt Text

HED

Body Text

Alt Text

HED

Body Text

title goes here

alt

subtitle goes here

copy goes here

Shop this...

title goes here

alt

subtitle goes here

copy goes here

Shop this...
alt

title

copy...

Shop this...

title goes here

alt

subtitle goes here

copy goes here

Shop this...

-Enhanced Content-

Title

Image Alt Text

Sub Title

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Link Label

Notes

  • In daily use.
  • Title field creates a lengthy line all the way till the end, hence that field should be left empty and subtitle field can be used instead.
  • This component is added to a column component to function like an IB.
  • The URL appears as a hyperlink.

-Enhanced Product Hero-

Image Alt Text

Heading H1

Heading H2

Subheading

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description  

Link Label
Image Alt Text

Heading H1

Heading H2

Subheading

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Link Label

Notes

  • This component is showcased as the Hero Image 
  • Used in feature pages.
  • The URL appears a s a button.

-Featured Content-

Section Title

Notes

  • not in use
  • Drawback - the background color cannot be changed for the text

-Featured Product-

Title- 10 sku limit

Sub Title

Notes

  • it is used on feature pages occasionally
  • If the product name is too long, the text overlapse on the SKU number of the product.
  •  10 Sku limit
  • the SKUs appear only when the page goes live and cannot be previewed.

-Enhanced Featured Product-

Title

Sub Title

Notes

  • it is used on feature pages frequent
  • This is categorised as Autogrid in the tracking sheet.
  • Unlimited SKUs
  • Has a carousel function but its non functional.
  • the SKUs appear only when the page goes live and cannot be previewed.

-Generic Image-

Notes

  • This component can be used for skinny banner on legacy pages.
  • Has a clickable link.

-Generic Message-

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Notes

  • Its used for  Header/ Body text.
  • The text size is adjustable.

-Image-

Image Alt Text

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 


Notes

  • Its a clickable image component.

-Rich Text-

Top Heading

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Notes

  • Functional and is used as a CTA button.
  • the html changes for different purposes.

Non Usable Components

-Article Feature-

Section Title

Article Title

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Section Title

Article Title

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Section Title

Article Title

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Section Title

Article Title

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Section Title

Article Title

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Notes

  • not in use
  • Function, would need tweeks with text size to make it readable
  • the background of the description cannot be changed.
  • Can be used to promote featured articles and showcase LCBO stories 

-Click And Collect Image-

Decorative

Notes

  • not in use
  • not fully developed as the component is missing clickablke link option.

-Hero Article Text-

Image Alt Text

Badge

Heading

Subheading

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Link Label

Notes

  • not in use
  • does not align with publishing standards.
  • Has a non replaceable barckground.

-Hero Banner Image-

Banner Title

Image Alt Text

Notes

  • not in use
  • Image component is not clickable.
  • the title is displayed on the image.
  • does not align with standards.

-Hero Image-

Frito Pie

Notes

  • clickable image component

-Hero Paginated Article-

Image Alt Text
Mini Title

Title

Sub Title

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Notes

  • not in use
  • disaligned fields
  • does not align with the publishing standards.

-Image legacy-

Frito Pie

Notes

  • not in use
  • component design error as it overlaps with the consecutive component.

-Related Articles-

Title

Notes

  • not in use
  • displays the name of the artcile with a link.
  • The title displays a border across the page and it cannot be changed.

-Related Articles - Legacy-

Related Article Title

Notes

  • not in use

-Section Header-

Section Title

Notes

  • not in use

-Sub Title with Quote-

Sub Title

This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description This is the Description 

Notes

  • not in use

-Video Container-

Alt Text

Information

Online Orders

Policies

Information for Businesses

You must be 19 years of age to purchase alcohol. Please note that we only deliver in Ontario. © 2026 LCBO