Special Banner
Last updated
Last updated
To add this section, please follow below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Special banner".
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.
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.
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.
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.
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.
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.)
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.
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'.
