Bottom banner affects on both Product pages and Collection pages.
TABLE OF CONTENTS
1 - Settings
- Boxed layout: Add padding around the main wrapper.
- Manual height: Adjust the banner height on different devices.
2 - Content
Banner
To add custom banners at bottom of the product page, click Add content > Banner.
- Image crop: When your image width is bigger than the section width, use this field to crop and take the part you want.
- Content direction is available in 02 type: Horizontal and Vertical.
- Specific Collection/ Product to apply
- To apply for some specific products: Insert the products' names and separate by a semicolon.
- To apply for all product pages: Insert +Product
- To apply for the collection page: Insert +Collection
- Leave it blank to take effect on all product and collection pages.
- Paragraph & button
- Text 1 & 2: Heading and Subheading on the banner.
- You can create a button by inserting a label and link it to another page with the Button URL field.
- Custom content
- Customize the content by using SVG.
- Input the SVG link in SVG 1/ SVG 2 and add more information in Text for SVG 1/2.
Note: The [+] tickets are used to adjust the content on the banner. Place it down below the ticket you want to make changes.
[+] Content wrapper
Use for vertical content only. To adjust the text block for vertical content, click Add content > create a new [+] Content wrapper ticket.
- Text block position: Set the values in order of Left(%) : Top(%).
- Text alignment: Left/ Right/ Center.
[+] Paragraph
To adjust the text 1 & text 2 from Banner's paragraph & button section, click Add content > create a new [+] Paragraph ticket.
The elements which can be set are:
- Font size & Font weight
- Color
- Margin
- Line height
[+] Button
To change the button style, click Add content > create a new [+] Button ticket.
The elements which can be set are:
- Font size & font weight
- Text and background color
- Padding
- Rounded corners
[+] SVG Content
To adjust the custom SVG content, click Add content > create a new [+] SVG content.
The elements which can be set are:
- Font size & Font weight
- Text color
- Margin
How to insert values for your theme.