How to create a Unique home/landing page for your store


If you want VPCart to display your custom header and trailer page for the storefront, you can set the following configurations below:

 

xUniqueFrontpageHeader

Enter your custom file name (HTML) to be displayed as  the header for the storefront (e.g. myownheader.htm).
Make sure you upload the template file into the “templates/default” folder.

xUniqueFrontpageFooter

Enter your custom file name (HTML) to be displayed as  the footer for the storefront (e.g. myownfooter.htm).

Make sure you upload the template file into the “templates/default” folder.


Furthermore, if you do not wish to display the default component that is usually in the default.asp page, such as the Welcome screen, News / Blog / Product Highlights, Latest Products, you can completely turn all of these off using the configuration below:

xloadhomepagebodycontent

Default value is “Yes.”

If you do not wish to display any default VPCart components on your Home Page, you can set this value to “No.”

This will give you more flexibility, especially if you have your own Home Page header and footer file set up in xUniqueFrontpageHeader and xUniqueFrontpageFooter. All the VPCART components in default.asp will be hidden so that you can have the abilility to control all of your own custom design in xUniqueFrontpageHeader and xUniqueFrontpageFooter.

 

We will try to give you an example regarding this matter.

Let’s say we set up the configurations below:

xUniqueFrontpageHeader value set to: “myownheader.htm”
xUniqueFrontpageFooter value set to: “myownfooter.htm”
xloadhomepagebodycontent value set to: “No”


And then we create the custom front page header and footer template files as shown below:

 

myownheader.htm contains the HTML code below:

<html>

<head>

<title>My store</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#099bd7">

<div align="center">

<br>

<br>

<br>

<br>

<br>

<br>

<img src="images/mybanner.gif" border="1">

<br>

<br>

<a href="shopdisplaycategories.asp">Click here to view our products</a>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

 

myownfooter.htm contains the HTML code below:

 

Copyright 2015 - mystore.com

</div>

</body>

</html>

Upload both the myownheader.htm and myownfooter.htm files into the “templates\default” folder.

Note: The HTML code above is just an example of how you can design your own homepage header and footer.

And here is a preview of the Home Page after you have set up your own unique custom header and footer template:

 



If you do not want to create your own custom header and footer, but still want a landing page, you can use existing shopfrontpage_header.htm to use as unique header and modify the shopfrontpage_header.htm file later to suit your own design. And use existing shopfrontpage_trailer.htm to use as unique footer and edit the file to suit own liking.

In this case, you will need to set :

xUniqueFrontpageHeader :  shopfrontpage_header.htm
xUniqueFrontpageFooter :  shopfrontpage_trailer.htm
xloadhomepagebodycontent : “Yes”

We also have snippet for unique homepage to have only body wrapper with full width (without the left and right column).
You will need to insert snippet below:

 

1. insert <%sideboxes_disable%> at very top of your shopfrontpage_header.htm file.

2. insert <%sideboxes_disable%> at very bottom of of your shopfrontpage_trailer.htm file.

Preview :


If you only want left side disabled for the unique homepage, then insert this code <%session("leftsidebar_disable") = "yes"%> at very top of your shopfrontpage_header.htm file.

Preview :


If you only want right side disabled for the unique homepage, then insert this code <%session("rightsidebar_disable") = "yes"%> at very top of your shopfrontpage_header.htm file.

Preview :