Left Side Bar Configuration/Container

Left Side Bar/Section/Flex Box

Section Settings are managed in the Left Sidebar Configurations. This covers baseline pre-configuration only of the section, not the components nested within here.

Desktop and Mobile settings for this section have both been pre-configured.
Background Color: Theme/Light Neutral Color (#F8F9FA)
Left Side Bar Configuration/Container

Left Side Bar/Block/Grid

Section Settings For Grids are managed in the Left Sidebar Configurations. This Block below covers baseline pre-configuration only of the Grid Block, not the components nested Blocks in the Grid.

Desktop and Mobile settings for this section have both been pre-configured.
Image

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque sagittis purus vel.

Image

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque sagittis purus vel.

Image

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque sagittis purus vel.

Image

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque sagittis purus vel.

Image

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque sagittis purus vel.

Image

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque sagittis purus vel.

Left Side Bar Configuration/Container

Left Side Bar/ Block/Carousel


Carousel Settings are defined in the Left Sidebar under Configurations.

The Carousel in the block below covers baseline left side bar pre-configuration only, not the content shown here.

Desktop and Mobile settings have both been pre-configured for this section.
Arrows

Arrow/Default/Background Color: Theme/Primary Brand Color
Arrow/Default/Arrow Color: Theme/Inverse Text Dark Color

Arrow/Hover/Background Color: Theme/Secondary Brand Color
Arrow/Hover/Arrow Color: Theme/Inverse Text Dark Color
Dot Colors:

Dots/Dot Color: Theme/Primary Brand Color
Dots/Active Dot Color: Theme/Secondary Brand Color
Image
Left Side Bar Configuration/Component

Left Side Bar/Block/Flex Box

Block settings are defined in the Left Sidebar under Configurations.

The adjacent block covers baseline pre-configuration only, not the content shown here.

Desktop and Mobile settings have both been pre-configured for this section.
Background Color: Theme/Light Neutral Color (#F8F9FA)

Border Color: Transparent
Left Side Bar Configuration/Component

Left Side Bar/Block/Image

Block settings are defined in the Left Sidebar under Configurations.

The adjacent image covers baseline pre-configuration only, not the content shown here.

Desktop and Mobile settings have both been pre-configured for this section.
Image
Left Side Bar Configuration/Component

Left Side Bar/Text

Rich Text settings are defined in the Left Sidebar under Configurations.

The Rich Text in the adjacent block covers baseline pre-configuration only, not the content shown here.

Desktop and Mobile settings have both been pre-configured for this section.
Style: Body

Weight: 500

Alignment: Left Aligned

Rich Text Color: Theme/Primary Text Color (#343A40)

Background Color: Transparent

Lorem ipsum dolor sit amet.

Left Side Bar Configuration/Component

Left Side Bar/Text

Button Settings are defined in the Left Sidebar under Configurations.

The Button in the adjacent block covers baseline pre-configuration only, not the content shown here.

Desktop and Mobile settings have both been pre-configured for this section.
Default State:

Background Color: Theme/Primary Brand Color

Text Color: Theme/Inverse Text Dark Color
Hover State:

Background Color: Theme/Secondary Brand Color

Text Color: Theme/Inverse Text Dark Color
Left Side Bar Configuration/Component

Left Side Bar/Product

Product Settings are defined in the Left Sidebar under Configurations.

The Product in the adjacent block covers baseline pre-configuration only, not the content shown here.

Desktop and Mobile settings have both been pre-configured for this section.

Radius: 15px
Padding: 22.5px
Gap: 22.5px

Hide: CTA + Reviews
Title:

Text Color: Theme/Primary Text Color
Font Weight: 700
Font Size: 20px
For Sale Price:

Text Color: Theme/Primary Text Color
Font Weight: 500
Font Size: 16px
Discount Price:

Text Color: Theme/Primary Text Color 70% Transparency
Font Weight: 500
Font Size: 16px
Variants:

Border Radius: 7.5
Border Width: 1.5

Background Color: Theme/Light Neutral Color #F8F9FA
Text Color: Theme/Primary Text Color #343A40
Border Color: Theme/Primary Text Color #343A40

Hover Background Color: Theme/Secondary Brand Color #07463C
Hover Text Color: Theme/Inverse Text Dark Color #FFFFFFFF
Hover Border Color: Transparent
Quantity Selector
Shape: Round
Background Color: Theme/Light Neutral Color (F8F9FA)

Background Color: Theme/Light Neutral #F8F9FA
Text Color: Theme/ Primary Text Color #343A40
Border Color: Theme/ Primary Text Color #343A40

Hover Background Color: Theme/Light Neutral #F8F9FA
Hover Text Color: Theme/ Secondary Brand Color #07463C
Hover Border Color: Theme/ Secondary Brand Color #07463C

Active Text Color:Theme/ Primary Text Color
Buy Now Button:

Border Radius: 7.5
Border Width: 1.5

Background Color: Theme/Primary Brand Color
Text Color: Theme/Inverse text_dark Color
Border Color:Transparent

Hover Background Color: Theme/Secondary Brand Color
Hover Text Color: Theme/Inverse text_dark Color
Hover Border Color: Transparent
ATC Button:

Border Radius: 7.5
Border Width: 1.5

Background Color: Theme/Primary Brand Color
Text Color: Theme/Inverse text_dark Color
Border Color:Transparent

Hover Background Color: Theme/Light Neutral Color
Hover Text Color: Theme/Primary Text Color
Hover Border Color: Theme/Primary Text Color
CTA Button:

Border Radius: 7.5
Border Width: 1.5

Background Color: Theme/Secondary Brand Color
Text Color: Theme/Inverse text_dark Color
Border Color:Transparent

Hover Background Color: Theme/Light Neutral Color
Hover Text Color: Theme/Secondary Brand Color
Hover Border Color: Theme/Secondary Brand Color
Left Side Bar Configuration/Component

Left Side Bar/Product

Product Settings are defined in the Left Sidebar under Configurations.

The Product in the adjacent block covers baseline pre-configuration only, not the content shown here.

Desktop and Mobile settings have both been pre-configured for this section.

Radius: 15px
Padding: 22.5px
Gap: 22.5px

Hide: CTA + Reviews
Title:

Text Color: Theme/Primary Text Color
Font Weight: 700
Font Size: 20px
For Sale Price:

Text Color: Theme/Primary Text Color
Font Weight: 500
Font Size: 16px
Discount Price:

Text Color: Theme/Primary Text Color 70% Transparency
Font Weight: 500
Font Size: 16px
Variants:

Border Radius: 7.5
Border Width: 1.5

Background Color: Theme/Light Neutral Color #F8F9FA
Text Color: Theme/Primary Text Color #343A40
Border Color: Theme/Primary Text Color #343A40

Hover Background Color: Theme/Secondary Brand Color #07463C
Hover Text Color: Theme/Inverse Text Dark Color #FFFFFFFF
Hover Border Color: Transparent
Quantity Selector
Shape: Round
Background Color: Theme/Light Neutral Color (F8F9FA)

Background Color: Theme/Light Neutral #F8F9FA
Text Color: Theme/ Primary Text Color #343A40
Border Color: Theme/ Primary Text Color #343A40

Hover Background Color: Theme/Light Neutral #F8F9FA
Hover Text Color: Theme/ Secondary Brand Color #07463C
Hover Border Color: Theme/ Secondary Brand Color #07463C

Active Text Color:Theme/ Primary Text Color
Buy Now Button:

Border Radius: 7.5
Border Width: 1.5

Background Color: Theme/Primary Brand Color
Text Color: Theme/Inverse text_dark Color
Border Color:Transparent

Hover Background Color: Theme/Secondary Brand Color
Hover Text Color: Theme/Inverse text_dark Color
Hover Border Color: Transparent
ATC Button:

Border Radius: 7.5
Border Width: 1.5

Background Color: Theme/Primary Brand Color
Text Color: Theme/Inverse text_dark Color
Border Color:Transparent

Hover Background Color: Theme/Light Neutral Color
Hover Text Color: Theme/Primary Text Color
Hover Border Color: Theme/Primary Text Color
CTA Button:

Border Radius: 7.5
Border Width: 1.5

Background Color: Theme/Secondary Brand Color
Text Color: Theme/Inverse text_dark Color
Border Color:Transparent

Hover Background Color: Theme/Light Neutral Color
Hover Text Color: Theme/Secondary Brand Color
Hover Border Color: Theme/Secondary Brand Color