Modify the Bottom Banner

Bottom banner affects on both Product pages and Collection pages.

TABLE OF CONTENTS

• 1 - Settings
• 2 - Content
  • Banner
  • [+] Content wrapper
  • [+] Paragraph
  • [+] Button
  • [+] SVG Content

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.