StoreFront Client UI Customization API

Add a footer to every page

July 11, 2023

Contributed by:

There is custom area specifically for this. You can add a one liner to script.js to set its content:

$('# CustomBottom').html("For ACME Employees Only");
<!--NeedCopy-->

To style this add the following to style.css.

Note:

You must set position:static to make the scrolling area behave.

# CustomBottom
{
    text-align:center;
    font-size:30px;
    position:static;
}
<!--NeedCopy-->

After adding the customization code, here is what it looks like:

Screenshot of page with footer

Note:

If you dynamically resize this area using script, you will need to call CTXS.ExtensionAPI.resize() command to let the client know that something has changed.

The official version of this content is in English. Some of the Cloud Software Group documentation content is machine translated for your convenience only. Cloud Software Group has no control over machine-translated content, which may contain errors, inaccuracies or unsuitable language. No warranty of any kind, either expressed or implied, is made as to the accuracy, reliability, suitability, or correctness of any translations made from the English original into any other language, or that your Cloud Software Group product or service conforms to any machine translated content, and any warranty provided under the applicable end user license agreement or terms of service, or any other agreement with Cloud Software Group, that the product or service conforms with any documentation shall not apply to the extent that such documentation has been machine translated. Cloud Software Group will not be held responsible for any damage or issues that may arise from using machine-translated content.

Was this helpful

Add a footer to every page

July 11, 2023

Contributed by:

July 11, 2023

Contributed by:

Add a footer to every page

In this article