How to customize the Header and Footer on your storefront

You can personalize your storefront Header and Footer to fit your needs. This tutorial will show you how to edit the Header and Footer on the storefront for a Classic theme.

What is the Customize Theme View?

The Customize Theme View is a unique feature that allows you to make custom changes to your theme. You can use the Customize Theme View to change the content on the Contact Us page, the Home page and the header and footer of your storefront.

How to customize the Header and Footer

There are two ways of viewing your store. The typical store view is what the customers see when they type in your store URL into an Internet browser. You can view your store in the same manner from the Auctiva Commerce administration when you click on the Store icon in the upper-right corner of the administration. The other store view is the Customize Theme View that allows only administrators to customize certain aspects of the storefront. Customers will not see this view, but they will see the changes you add when you use this function.

Step 1. Launch Customize Theme View.
  • Go to Store > Theme > Classic Theme Options > Customize Store Theme. The Customize Theme View will load. This will look very similar to the typical store view, except that there will be a horizontal customization bar at the bottom of the storefront. You are now at the Home page of your storefront in the Customize Theme View.
  • Click on the Customize button (not the Customize Link button) in the customize bar at the bottom of the web page. A pop-up menu will display.
  • Click on the Header or Footer button to edit either of these sections. The HTML Editor will load in a new Internet browser window.
  • Make your changes as needed. Be careful to leave coded variables intact if you want them to display on the web page.
  • Click the Preview button to launch another Internet browser window that will display your changes. Close this window when you're done previewing these changes.
  • When you finished with the changes, click the Save Changes button. The changes have been saved and are now live on your storefront.
  • Close the HTML Editor window.
  • In customization bar, click on the Admin link to return to your store administration.

This completes the task of customizing your Header or Footer.

Related Content


◄ Back to Help

Customer Support

If you have been unable to find the answer you were looking for using our Help documentation, please file a customer support request. We have customer support professionals ready to help you 24 hours a day, Monday - Friday (excluding major holidays.)