Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Footer

Khang Pham

Written by Khang Pham

Last updated

1195 views

On this page


This section allows users to create a more flexible and professional "Footer" with a new block called "Col (Parent)". Let's follow this article to get more information about configuring Footer.

2023-06-09_16-51-13.gif

1. Footer content

From Footer > Add block > choose the block you want to add.

block.gif

1.1. Col (Parents)

To add the content for Footer Main, you have to add the Columns (Parent) block first, then add other child blocks for it.

11.gif

In Col (parent), you can add Heading, Menu, configure Item width on desktop, tablet, mobile, Content align and Padding inner. You can see this video to know more about these options:

1.2. Other blocks

  • Text: You are allowed to enter any text here. Please use <br> to break line and there is an option to enable/disable line breaks on mobile version.

  • HTML: You can add any HTML here to show in the Footer. There is also an option to hide this block on Mobile version.

  • Image (Child): This block allows you can upload image for footer content.

  • Menu: You can add menu in Navigation for it.

  • Social, Payment, Form newsletter.

You can check the video below about these blocks:

2. Footer Settings

ADVANCE OPTIONS

  • Enable sticky footer: Tick on this option to enable/disable it.

  • Accordion mobile: Enable/disable the accordions mobile footer option.

  • Border top: Enable/disable border-top option.

  • Space horizontal/ vertical items: You can change this for both Desktop and Mobile versions.

Space.gif

HEADING OPTIONS

  • You are allowed to change Font family, Font-size, Line height, Font weight, Letter spacing, Heading margin for the heading of each block.

TEXT CONTENT, COLOR OPTIONS

  • You can Font size and Font weight for the content.

  • There are Heading, Text, Link, Link hover, Border color options for you to change.

spaces_tdDF4h55NE3bVEDpck0F_uploads_IcyI2pql23rWGwRdSYZl_text content.webp

DESIGN OPTIONS

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.