Special Banner

Block Image with text + Lookbook banner

Block Product + Image with rotating text

Block Image with text + Collection banner

Block Product + Image with rotating text

To add this section, please follow below steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Special banner".

Section settings

Settings	Meaning
Section width	Choose the maximum width of the section on the Desktop. The options are: Width (1170px) Width (1370px) Width (1470px) Width (1570px) Width (1770px) Width (1920px) Full width (the width of the browser)
Top padding / Bottom padding	Set the spacing of section from the top / bottom.

Block settings

[BLOCK]Image with rotating text

Settings	Meaning
Image	Upload/Select an image for the block.
Link	Specify the link for the banner image to redirect to.
Rotating text
Text	Enter the text for the rotating effect.
Text color	Set color for the text.
Letter spacing	Space between character.
Alignment	Select the position of the rotating text to be either to the Left, Center or Right.

[BLOCK]Image with text

Settings	Meaning
Image	Upload/Select an image for the block.
Link	Specify the link for the banner image to redirect to.
Content
Content alignment	Select the position of the whole content to be either to the Left, Center or Right.
Content position	Select the position of the whole content to be either to the Top, Center or Bottom.
Heading	Enter in the heading for the block.
Heading font size	Determine the font size of the heading on Desktop.
Heading font size on mobile	Determine the font size of the heading on Mobile.
Description	Enter the description for the block.
Description font size	Determine the font size of the description.
Button label	Enter the text for the button.
Button font size	Determine the font size of the button.
Text color	Set the color for the whole content.

[BLOCK]Collection banner

Settings	Meaning
Heading font size	Determine the font size of the heading for all banner items on Desktop.
Heading font size on mobile	Determine the font size of the heading for all banner items on Mobile.
Description font size	Determine the font size of the description for all banner items.
Button font size	Determine the font size of the button for all banner items.
First item / Second item
Image	Upload/Select an image for the item.
Heading	Enter in the heading for the item.
Description	Enter the description for the item.
Button label	Enter the text of the button for the item.
Link	Specify the link for the banner image to redirect to.

[BLOCK]Lookbook banner

Settings	Meaning
Heading font size	Determine the font size of the heading for all banner items on Desktop.
Heading font size on mobile	Determine the font size of the heading for all banner items on Mobile.
Icon color	Set the color for the lookbook dot.
Popup style	Select the style for the lookbook: Small popup: A popup is a product card. Large popup with product image: A popup is minimal with product title and price info only.
Show slide counter	Show above next arrow of slider. (Position current of item on slider / total items.)
First item / Second item / Third item
Image	Upload/Select an image for the item.
Heading	Enter in the heading for the item.
Link	Specify the link for the banner image to redirect to.
Product 1 / Product 2
Product	Select a product for a lookbook dot.
Pin icon horizontal position (%)	Determine the horizontal position of the dot relative to the block's left.
Pin icon vertical position (%)	Determine the horizontal position of the dot relative to the block's top.

[BLOCK]Product

Settings	Meaning
Layout	Select the layout of the product card to be in a Grid or Slider.
Title	Enter in the heading for the block.
Collection	Select the collect to show for this block.
Maximum products to show	Limit the number of products displayed on this block.
Show slide counter	Show above next arrow of slider. (Position current of item on slider / total items.) Note: This setting is applied when the 'layout' setting selects the 'slider'.