Smart Footer System

Contents

1. How to show your Page Builder in SFS Post Type

2. How to combine Theme's Footer and SFS Footer

3. How to show SFS Footer just on some Display such as Desktop and Mobile

4. How to decrease or increase the Banner size

5. How to create a border all around the footer content

6. How to manage Footer content Paddings directly by SFS

7. The Banner Mode have two different view for Desktop and Mobile, be careful!

8. How import Demo

9. How to duplicate quickly my footer

10. Execute SFS in Custom WP Hook

11. How to Show/Hide the handle in Banner Mode

1. How to show your Page Builder in SFS Post Type


Hi Guys,

There are dozens of Page Builders for Wordpress on the market and in order to enable your Page Builder on the footer you need to make just few clicks, discover more on https://smartfootersystem2.metaplugin.com/docs/pagebuilders/index.html

2. How to combine Theme's Footer and SFS Footer


Hey Guys,

SFS was designed to easly replace the Theme's Footer and allow its users to create inifnite and awesome footer blocks.

But it is necessary to say that if you don't hide the Theme's footer through the appropriate option you can combine it with the one created in SFS. It will always go under the Theme's footer.

3. How to show SFS Footer just on some Display such as Desktop and Mobile


Hey Guys,

With Smart Footer System you can quickly decide whether to show your footer on various devices such as the Desktop, Tablet or Mobile. Go to the Footer Settings that are located at the bottom of the footer page, under the Tab Display you can activate the switches that will allow you to hide the footer according to your needs.


4. How to decrease or increase the Banner size


Hey Guys,

If you have chosen the Banner Mode you may need to change the height of the banner so it's not too invasive. It's very easy, just access the Footer Type panel that you will find at the bottom of the footer page, under the Settings tab, you can define the vertical padding that will increase or decrease the height of your banner.


5. How to create a border all around the footer content


Hey Guys,

If you want to create a more personalized graphic style, you may want to use a border around the footer content. If this is the case, you can go to the Footer Settings under the tab Border and define its size and color as well as its style.



6. How to manage Footer content Paddings directly by SFS


Hey Guys,

Although you can use Page Builder to set Footer content padding, you can do this directly from the footer control panel through the SFS Padding tab.



7. The Banner Mode have two different view for Desktop and Mobile, be careful!


Hey Guys,

Banner mode is one of our favorites, if it is yours, we want to advise you on the techniques to be able to take advantage of it. In fact, Banner Mode is the only one at the moment in which you can decide how to show the handle banner differently for Mobile and Desktop. Many users may not see that there are side tabs from which you can manage your display from Mobile and Desktop, if you just set up your desktop, on Mobile View you will not see anything. So be careful to handle this powerful tool. You have the ability to copy desktop settings in seconds on the Mobile with the "Copy to Mobile" button on the top right. If you have any doubt, please feel free to contact us.



8. How import Demo


Hey Guys,

To understand SFS in a faster way and footer creation we have made it possible to import all demos on the site in one click. Imported demos will bring the content of the footer and all its settings. The content of the demo is currently only available for Visual Composer but you can still use demos with other Page Builders, simply by deleting the content and creating it with your favorite Page Builder.


9. How to duplicate quickly my footer


Hey Guys,

There are so many options in the Smart Footer System that when creating many footers becomes frustrating because you have to repeat all the settings, you can easily duplicate your footer both in the footer list as in the following image.



Or from the single footer page, through the button located at the bottom of the page.



10. Execute SFS in Custom WP Hook

In your theme file, you can see or write the following code:

<?php do_action('custom_hook_name'); ?>

How you can see, in this case our custom hook is:

custom_hook_name

Under Smart Footer System > Settings  we can insert it into Custom WP Hook without the quotation marks like this:


We suggest you see in details the do_action official documentation on Wordpress Codex:

https://developer.wordpress.org/reference/functions/do_action/

11. How to Show/Hide the handle in Banner Mode

Hey Guys,

If you like Banner Mode but you think that it's too invasive for your site, you can use the Auto Show, Auto Hide and Show on end scroll options, which you'll find in the dedicate panel, so you'll have full control over your Banner.

Auto Show

If you activate this option you can define how many seconds from the page opening you want the handle to be displayed.

Auto Hide

If you activate this option you can define how many seconds from the page opening you want the handle to be hidden.

Show on end scroll

If you enable this option, the footer handle will only be shown when the user reaches the bottom of the page.

N.B. You can use all the features together.