Skip to content

Additional sections

 

 

Inside every section, you have the option of deleting it if you have no need for it, and naturally we have allowed the adding of sections as seen in the image above so you can add any section you need on your homepage.

The most commonly used sections were covered in depth, however these are the extra sections you can add, and what you need to know about them.

  • Custom Html- you are able to insert your own custom html if you so require with the additional option of inserting a button and customizing it. Settings include
    • Heading text, size and alignment
    • Content (this is where you will input your custom html code)
    • Button label (text)
    • Button link
    • Wrap in container (changes size of section)
    • Button color, variant and size
    • Top and bottom margins (section spacing in relation to others above and below it)
  • Page content- display the contents of any page from your store on the homepage. Settings include
    • Heading text, size and alignment
    • Select page
    • Button label (text)
    • Button link
    • Wrap in container (changes size of section)
    • Button color, variant, and size
    • Top and bottom margins (section spacing in relation to others above and below it)
  • Icon blocks- add icons and text anywhere on the homepage.

 Settings include

  • Background color
  • Wrap in container (changes size of section)
  • Adjust the top and bottom margins (spacing) of the section
  • Adjust top and bottom padding (spacing between the content of the section and section borders)

 

  • Image blocks- can be used to add images, text and buttons side by side. Settings include
    • Background color
    • Wrap in container (changes size of section)
    • Adjust the top and bottom margins (spacing) of the section
    • Adjust top and bottom padding (spacing between the content of the section and section borders)

Inside the image blocks, the settings are

  • Adjust height and width of images
  • Upload image
  • Enable/disable borders
  • Enable/disable circle shape
  • Hover effect
  • Heading title
  • Content (main text content)
  • Button label and link
  • Wrap in container (changes size of section)
  • Alignment
  • Heading size
  • Button color, variant, and size
  • Adjust the top and bottom margins (spacing) of the section

 

  • Image with text- add a single image alongside text and a button. Settings include
    • Adjust height and width of images
    • Upload image
    • Image alignment
    • Enable/disable borders
    • Enable/disable circle shape
    • Hover effect
    • Heading title and size
    • Subheading title, tone, and size
    • Subheading bottom margin (spacing between subheading and heading)
    • Subheading letter spacing (spacing between characters)
    • Content (main text content)
    • Button label, color, variant, hover effect and link
    • Enable/disable full width
    • Wrap in container (changes size of section)
    • Responsive breakpoint (define at what screen size point the layout should switch from row to column)
    • Top and bottom margins (spacing of section)

 

  • Accordion/FAQ – a collapsible accordion that can be used as a faq section or any other relevant information you would like displayed in that style. Settings include
    • Heading and subheading text (think title and description)
    • Wrap in container (changes size of section)
    • Heading size and alignment
    • Background color
    • Adjust the top and bottom margins (spacing) of the section
    • Adjust top and bottom padding (spacing between the content of the section and section borders)

Inside the item block, you have the following settings

  • Open by default (before customers click it)
  • Add a category
  • Subtext for category
  • Category alignment
  • Heading size
  • Question
  • Answer

 

  • Price cards – similar idea to image blocks with the ability of selecting products. Some good uses are comparing bundles, subscriptions, single products etc. Settings include
    • Heading text, size, and alignment
    • Wrap in container (changes size of section)
    • Background color
    • Adjust the top and bottom margins (spacing) of the section
    • Adjust top and bottom padding (spacing between the content of the section and section borders)

Inside individual card blocks, the settings are

  • Upload image
  • Select product
  • Button label and color
  • Title color
  • Button variant and size
  • Enable/disable full width
  • Button hover effect
  • Custom html content (for further customization)

 

  • Separator- border that can be used to visually separate sections on the homepage. Settings include
    • Border color
    • Wrap in container (changes section size)
    • Top and bottom margins (spacing above and below section)

 

  • Announcement banner- exactly like the announcement bar on the header but can be placed anywhere. Settings include
    • Background color
    • Wrap in container (changes section size)
    • Top and bottom margins (spacing above and below section)
    • Adjust top and bottom padding (spacing between the content of the section and section borders)
    • Text
    • Button label, link, color variant, size, and hover effect
    • Enable/disable full width

 

  • Heading- used for adding text headings to sections. Settings include
    • Content
    • Heading size and alignment

 

  • Newsletter pop up- once the settings of your newsletter section are configured, you can choose to have a pop up displayed to get emails. Settings include
    • Adjusting the time delay before the pop-up shows
    • Form size
    • Button color, variant, and hover effect
    • Newsletter title
    • Select image
    • Image height and width
    • Image crop position (focal point)
    • Border
    • Newsletter heading title, color, and size
    • Subheading text and color
    • Bottom message (to reject the offer)

 

  • Rich text- Text section with an optional button. Settings include
    • Heading title and size
    • Content
    • Button label, size, color, variant, link
    • Alignment
    • Wrap in container (change section size)
    • Top and bottom margins (section spacing above and below)

 

  • Cookie consent bar – enable cookie notification on your store and link your own privacy policy. Settings include
    • Enabling/disabling functionality
    • Position with the option to have it static
    • Compliance type
    • Shape
    • Colors
    • Option to link to your own policy and select the page
    • Message
    • Dismiss text
    • Link text
    • Allow button text
    • Deny button text
    • Policy text