Ecommerce Online Store - Videos and Utilities - File Manager
Overview
The File Manager is the tool you use for uploading images, files, e-products, themes, and other data to your E-Commerce store. You can also use the file manager to upload custom html pages.
- Using the File Manager
- Allowable File Formats
- Uploading your product images
- Upload a Custom HTML Page
- Creating an Index page
- Add a file to your site
Using the File Manager
1. Click on the File Manager Link, located in the lower left hand side of the Control Panel, under the Utilities headline. This will open the File Manager.
2. There is a folder tree on the left side of the File Manager, which shows you which folders are in your website Root directory. The right side of the File Manager shows the contents of the selected folder.
3. File management options are at the top of the File Manager. These options include:
Allowable File Formats
Below is a list of the file extensions approved for upload and download using the File Manager. To ensure security and site stability, extensions not included within this list are not acceptable file types for shared server environments.
|
|
Uploading your product images
One of the primary uses clients have for the File Manager is uploading images of their products. Although you can browse to the image files as you create your products, using the file manager allows you to upload more than one product image at a time.
Follow the steps below to upload your product images.
1. Open the file manager from the Control Panel Utilities bar. Select the “images” folder. In the “images” folder, you can place images for categories, logos, products, and shipping, or create your own folder if you wish. Select the “products” folder.
2. Each of your products can have a detail, display and thumbnail picture, all of which can be different if you choose.
- Detail – An image seen at the detail level of the product (when a customer goes to the specific product page).
- Display – Product image seen in the image gallery for the product.
- Thumb – Thumbnail product images seen in category view of the product
3. Select the desired folder.
4. Click the “Upload files to active folder” icon at the top of the file manager or select the Download/Upload option on the display section of the file manager and select upload. This will open the file upload popup.
5. Click the browse button and navigate to the product images you wish to upload. You may upload more than one image at a time.
6. Once you have completed your uploads, the upload manager will display a message telling you the upload was successful.
7. You will see that the folder view has been updated with your recently uploaded files. When you are finished uploading files, close the file manager and return to your E-Commerce Control Panel.
Upload a Custom HTML Page
You can upload a custom HTML page in much the same way that you would upload any other item to your site by using the file manager uploading the .htm or .html page to your site. You will need to create a link so that customers can visit your custom html page. You can place your custom html page anywhere on the site, but you will need to remember the path so that when you create links to the page in your storefront, your URL will be correct. Usually the website root folder (the folder that you automatically seen when you first open the File Manager) is the best option.
Follow the steps below to upload your Custom HTML Page.
1. Click the “Upload files to active folder” icon at the top of the file manager or select the Download/Upload option on the display section of the file manager and select upload.
2. This will open the file upload pop-up.
3. Click the browse button and navigate to the product images you wish to upload. You may upload more than one image at a time.
4. Once you have completed your uploads, the upload manager will display a message telling you the upload was successful.
For Example:
If you owned a store whose home page was www.superchairfun.com and had a custom html page named giantchair.htm, you might place your custom html page in the root, as shown below.
The URL for this custom html page would then be:
www.netsol.com/error.html
You would use this URL for any links that you would create for your customers.
Creating an Index page
You can create a custom index page that differs from your actual site home page. To do this, follow the same steps to create a custom HTML page, but be sure to put it in the root directory (not in a sub folder) and name the file Index.htm
Note: It MUST be index.htm; if you use index.html it will not work.
Be sure you include a link to your site such as http://www.domain.com/index.aspx.
Adding a file to your site
You can add a file that is File Manager to your site two ways - HTML or the Links module.
HTML
1. Select the Pages tab in the Control Panel.
2. Select the page you want the link to display on and click the Edit button. If it is a custom page, click the Custom Pages link on the left side of the Control Panel.
3. Click the View HTML button above the WYSIWYG control bar.
4. Enter the following substituting "filename" for your files name and extension and substituting "title" for the verbiage you want displayed on the screen:
<h href="filename">title</a>
Example: <a href="ManufacturerInfo.pdf">Manufacturer Information</a>
5. Click Save.
Links Module
1. Select the Design tab in the Control Panel.
2. Click the Site Design button and select the Columns link in the desired Site Design.
3. Select Links module by clicking the checkbox then move the module to a desire column where the module will display.
4. Click the pencil button to edit the Links module.
5. Enter the following information for your Links Module:
- Link Text - Enter the title you want displayed on your site.
- Link Address - Specify the web address of your link, adding in "/filename.ext" at the end.
Example: http://mysite.com/ManufacturerInfo.pdf
- Target - Specify whether the link will open in a new browser window.
6. Click the Add button.
7. Click Save button.