Modify The Footer Manually

In Layout Manager, you can set up the Footer Section that is located at the bottom of your site.  See Chapter  4.1.5 Footer Section for more information.

If you wish to modify the Footer Section manually, you need to modify the “shoppage_trailer.htm” template file located in the “templates\default” folder.

Please follow the steps below:

1.   Open the “shoppage_trailer.htm” file using text editor.

2.   Locate the code below:

For the Alphabet Navigation footer:

<div id="vp_abc" class="container">

       <%footerabc%>

</div>

For the rest of the footer below it (Social media icons, credit card icons, links and copyright):
<div id="vp_footer" class="footer">

       <%footer%>

       <div id="vp_copypower" class="container">

       <%copypower%>

       </div>
       <noscript>

 <h5 class="notification">JavaScript is Disabled</h5>

       </noscript>             

 </div>

3.   If you want to remove the Footer Section, simply delete the code above.

If you want to move the Footer section to another position, then please move the code anywhere in your site that you wish to display the footer.

Note: You must move the whole string including the ID, because the ID is recognized by Layout Manager.

The ID name that contains the prefix “vp_” indicates that the object is used in Layout Manager in the Administration. While the ID without prefix “vp_” would be a general CSS statement.

You must include the whole code, so that the Layout Manager can detect the location of your Footer Section in the Layout Manager Administration Panel.