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.