This section allows you to show images with text. It is usually located on Home Page. However, Shopify 2.0 allows you to add Banner custom 2 to any pages that you want. From Theme Custom > Go to Add section > Search and add Banner custom 2.
1. Banner custom 2 settings
TITTLE SETTINGS
- You are allowed to enter Heading and Subtitle for Banner custom 2. Moreover, you also can change font for subtitle by clicking on Sub Text use font.
- Title design: There are totally 10 title designs. Especially, you can add icon for Title design 7, add “See all” title for Title design 10.
GENERAL SETTINGS
- Space between banner: This option allows you to change the space between each collection.
DESIGN OPTIONS
- Layout: You can choose between Container and Full width. Besides, you can also choose background color for layout.
- Margin, Padding: You are allowed to change both of them.
DESIGN MOBILE OPTIONS
- Margin, Padding: You are allowed to change both of them for mobile devices.
2. Banner custom 2 content
You can add a maximum of 16 blocks of content to this section.
2.1. Image (Parent)
Banner custom 2 > Add block > Image (Parent). Each image represents for a banner. You also can configure the images by clicking on them.
2.2. Heading
Banner custom 2 > Add block > Heading. You can enter and change font, size, color for heading.
- If you want to change position for heading, back to Image (parent) > Scroll to Content settings > Change.
2.3. Sub heading
Banner custom 2 > Add block > Sub heading. This option allows you to enter and adjust Sub heading for banner.
2.4. Content
Banner custom 2> Add block > Content. This option allows you to enter and adjust Content for banner.
2.5. Button
Banner custom 2 > Add block > Button. This option allows you to enter and adjust button for banner.
2.6. HTML
- Banner custom 2 > Add block > HTML. This option allows you to enter HTML for banner.
2.7. Space between, HTML space
- Banner custom 2 > Add block > Space between/HTML space. This option allows you to create space for banner.
- Space between: Allows you to change space between two blocks for both desktop and mobile devices.
- HTML space: Allows you to add space with color between two blocks of content.
2.8. Countdown timer
- Collection banner 2 > Add block > Countdown timer. This option allows you to add countdown timer to banner. You can adjust day, designs, sizes for countdown timer.