Customizing Your Storefront Header
The Storefront Header displays on each page of your Quick Shopping Cart storefront and generally contains your contact information, your domain, your business slogan, and any images you might have associated with your Welcome message or Invoices. You can configure how your Storefront Header looks and what information displays on it.
To Customize Your Storefront Header
- Log in to your Account Manager.
- In the My Products section, click Quick Shopping Cart.
- In the Quick Shopping Cart list, click Open next to the Quick Shopping Cart account you want to use.
- Using the Advanced Builder, from the Storefront menu, click Storefront Header.
- In the Create the Storefront Header section, use the provided default text or enter your own message in the Header text box. You can also include any or all of the variables from the Variable list.
- Click Verify.
- If errors are detected, view the error details that display below the menu, make the correction(s), and click Verify. Continue making corrections as necessary.
- If no errors are detected, click OK to close the Congratulations! This Text is Valid XHTML 1.0 Transitional! message.
- After all errors are corrected and your HTML is valid, click Save.
NOTE: Click "(Reset)" to remove the current message and display the default message. To clear your header, delete all text in the Create the Storefront Header section.
Sample HTML Code for Displaying Company Information
The following code is an example of the HTML text that would be used to enable the company logo and information, such as address, phone number, and email address, to display in the storefront header. Copy this code and overwrite the default code provided in the Header field.
<div class="titles">
<h1 class="company-name">%QSC-SITE-COMPANYNAME%</h1>
<h3 class="slogan">%QSC-SITE-SLOGAN%</h3>
</div>
<div class="address">
<ul>
<li>%QSC-SITE-ADDRESS%</li>
<li>%QSC-SITE-PHONE%</li>
<li>%QSC-SITE-ALTERNATEPHONE%</li>
<li>(fax) %QSC-SITE-FAX%</li>
<li>%QSC-SITE-EMAIL%</li>
</ul>
</div>
