Product Documentations

Zonus

Create, Edit, Delete and use Custom Footer

With inLaw Theme and OneElementsPro plugin installed and activated on your site, you can create a custom dynamic footer using the most popular page builder Elementor. You can then use your custom footer on any post, page or archive. Let’s see how we can create a custom footer first.

Creating a custom footer

Before creating a custom footer, let’s see how our current example footer looks. We will replace this default theme footer with our custom footer in this article.

This is how our Footer looks before using a custom footer template

Please follow the following step to create your first custom footer.

Step by Step guide:

Step 1. Go to Templates > Save Templates and click Add New.

Step 2. Choose page or Section in the template type. We recommend choosing the page type because you can use the elementor canvas template with page type in the elementor editor. Elementor canvas template gives you a completely white and clean layout where you can add and view your design nicely.

Step 3. Give your template a name like Custom Footer and then click Create Template button. You can see in the screenshot below. You will see the elementor editor.

Adding New Header Template from Dashboard > Templates > Add New
Adding New Header Template from Dashboard > Templates > Add New

Step 4. Optionally, you can open page settings if you have selected page type in step 2 by clicking the cog/setting icon on the bottom left corner of the editor. Then select “Elementor Canvas” from the Page Layout dropdown. This will give you a clean layout to design your footer. You can see the screenshot below to see it in action.

Showing how to set Template as Footer type and using canvas layout

Step 5. Design your footer by dragging and dropping widgets from the left widget section. Or you can use a pre-designed footer template from our live template library. We will use a pre-defined footer in this example for easy and fast implementation. However, you can also design your own custom template by dragging and dropping widgets from the left widget panel.

Now click on the Crown Icon as shown in the previous screenshot to open the live template window. Then click on the “Blocks” Tab as shown in the screenshot below and search for a footer. Hover on the footer design that you like and click the insert button to use the footer. Please see the screenshot below and follow the number points in each screenshot.

Adding A pre-designed footer from Live Template library
Adding A pre-designed footer from Live Template library
After inserting the new footer, it will look like this.
After inserting the new footer, it will look like this.

You can preview your design by clicking the Eye icon near the Green Publish button.

Step 6. You can customize the imported footer like changing the logo etc and then save your changes by clicking the green Publish/Update button.

Showing how to customize the logo in the imported footer and save it.

Using Custom Footer

Now it is time to use the custom footer you created above. The inLaw theme provides the most flexible way to use a custom footer. Here is how. You can set custom footer 3 places and they have priority. Let me explain a bit. This is a very important concept. So, please make sure you understand this. the inLaw theme TRIES to load a Footer Template from 4 PLACES. And each place has different priorities. And we are going to know about these priorities.

Suppose, you want to set the custom footer of WordPress’s default posts.

  1. You can set a specific footer for each post by editing the post and choose a custom footer from the layout settings. This footer has the highest priority, it means it will be loaded for that specific posts and it will override any other footers set in any other places for that specific post. See the screenshot below and see how you can do that.


  2. You can set a footer for all single items of a post type like WordPress Default Page, Post, Case Study, Practice Area, etc. in the Dashboard > inLaw > theme options > Single > Post > Footer section. You can set different footers for different post types here. This template has a second priority. It will override the footer template set in the General section of the Theme Options and also the theme’s default footer.



  3. You can set a footer for all single items of ALL post types. in the Dashboard > inLaw > theme options > Single > Post > Footer section. This template has a third priority. It will override the default footer of the theme.


So, in short, post footer has higher priority over the Theme Options’ Single Footer. Theme Option’s Single Footer has higher priority over the Theme Option’s General Single Footer.
For example. Post Footer > Single Footer > General Footer > Theme Default footer.

Check the Changes in Effect

Visit your site after setting a footer. You should see your new footer has been loaded.

Our Custom Footer is working on the frontend.

You can use a custom footer for custom post types too in a similar way. For example, suppose you want to change the footer of the practice area. You can do that easily.

  1. If you want to custom footer only in a specific practice area, then edit that specific practice area and set a footer in the custom layout section.
  2. If you want to use a custom footer for all practice areas, then set a custom footer in inLaw > Theme Options > Single > Practice Area > Footer Section.
  3. If you want to use a custom footer for all single practice area as well as all single details page of all post types, then set a custom footer in inLaw -> Theme Options > General > Single page.

You can also change the footer for all archives page of all post types similarly.