How Do I Add a Product's Separator Header Template?

1. Log in to the Control Panel. Click the Design tab.
2. Locate the Templates section. Select the New Template icon ( ) to the right of the Template Storage icon ( ). The New Template Panel will appear.
   
3. Select Products from the dropdown menu displaying the Template Type. Enter a name for your Product Template. Click Continue ( ). You will be transferred to the Product Template Control Panel.
   
4. Scroll down to locate the field labeled Separator Header Template (optional). Copy and paste your Product's Separator Header Template code from your HTML editor into the box beside it. Click Save ( ) at the bottom of the page. You will be transferred to the Product Templates table.
   
5. Next, compile all images that are used in your Product's Separator Header Template into a .zip file saved. Be aware of its name and location on your personal machine.
6. Click the Content tab.
7. Click the New File icon ( ) to the right of the Website File Storage icon ( ). The New File Panel will appear.
   
8. Select the proper Folder where you would like to upload the your images. Click Continue ( ). You will be transferred to the Website File Storage table.
   
9. Select Browse to the right of Local Files (ZIP file). This will open a panel where you may locate your .zip file. Once you have selected it, click Upload ( ) to add it to the Website File Storage. You will be transferred back to the Website File Storage main table.
   
10. Click the Settings tab.
11. Click the Edit icon ( ) to the right of the Per User icon ( ). An Edit User Settings Control Panel will appear.
    
12. Select Generation from the Configuration Status dropdown. Click Continue ( ). You will be transferred to the Configuration Per User Control Panel.
    
13. Locate the dropdown next to CategoryType: Product Template. Select your new Product Template from the list.
14. Click Update ( ) at the bottom of the page to successfully complete the addition of your new Product Separator Header Template.