Modify the Bottom Banner

Modified on Tue, 29 Dec, 2020 at 5:45 PM

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.


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article