ProStores Design Answers
Using an Image in Place of the "Submit" Button
JavaScript
Multimedia Files
Splash Pages
Using and Updating Store Images
Old image still appears after uploading a new one
The Spacing at the Bottom of the Catalog List is Too Wide in Netscape
Object is not resolving on the storefront
Using an Image in Place of the "Submit" Button
This information is detailed in the Designer's Reference, which can be downloaded from the Online Guide start page.
To have a GIF or JPEG image appear in place of the standard Submit form button, use the following HTML code instead.
<ss:button source="$templateSet.images['imagename.ext']">
Where "imagename.ext" is the name of the image.
Merchants will need to upload this image before this code will work.
This information is detailed in the Designer's Reference, which can be downloaded from the Online Guide start page.
JavaScript allows merchants to add scripting functionality to a store (such as hover buttons, popup windows, etc.).
If merchants are familiar with JavaScript and wish to use it in a store:
- Upload the *.js file to the store using the Support Manager | Upload Files feature (if it has been enabled by the Site Administrator). See the Online Guide for more information.
- Edit the header template(s) to contain the following code (between the <head> </head> tags):
<script language="JavaScript" src="$store.files['FILENAME.js']"></script>
This information is detailed in the Designer's Reference, which can be downloaded from the Online Guide start page.
ProStores has done some testing with including different multimedia in pages (such as Flash files). However, we recommend that merchants thoroughly test including such files on different platforms and browsers.
Multimedia files should be uploaded to the store using the Support Manager | Upload Files feature (if it has been enabled by the Site Administrator). See the Online Guide for more information. Use the tag to reference the file.
This information is detailed in the Designer's Reference, which can be downloaded from the Online Guide start page.
A splash page is a page that greets customers before they go to the main storefront. It's often used to provide a unique and eye-catching greeting for customers. Splash pages can also serve as the page that "spiders" can catalog (although not all spiders will catalog splash pages).
To add a splash screen to a store:
- Create the splash page. There are two methods for creating splash pages.
- Let ProStores create a page that contains information about the store and products. Merchants can then edit this page outside of ProStores. See the Online Guide for more information.
- Create the page outside of ProStores, and then upload it to the store. See the Online Guide for more information.
<META http-equiv="refresh" content="##; URL=http://storeurlhere/StoreFront.bok/">
(where [storeprefix] is the store's unique prefix and ## specifies the amount of time in seconds the browser will wait before jumping to the specified URL). - Upload the file. See the Online Guide for more information.
- Notify the service provider that the domain name should point to the uploaded file.
Using and Updating Store Images
This information is detailed in the Designer's Reference, which can be downloaded from the Online Guide start page.
Once merchants have uploaded store images, they'll want to make them available to the store.
If merchants have uploaded images with the same file names and pixel sizes as existing images, such as replacing banners (assuming pixel sizes are specified in the template), the image can immediately be viewed in the store (merchants may need to refresh the page merchants are currently viewing in the browser to see the change).
If merchants have uploaded images with the same file names but different pixel sizes, they'll need to edit the templates containing those images and update the width and height tags of those images.
For new images, merchants can add them to templates by editing the templates in which merchants want to display the image. The <ss:image source="$stoe.images ['imagename.ext']"> tag is used to define the path to the location where the images are stored.
Old image still appears after uploading a new one
Situation: You've uploaded a new image that overwrites an existing image used in the store. But when merchants view the page containing the image, the old image appears.
Solution: Check the following:
- First, did the image merchants uploaded have the EXACT same file name as the original? If not, rename the file and upload it again.
- Next, did merchants refresh the page after uploading the image? If not, click Refresh. Some browsers may require that merchants perform a "hard" refresh - please refer to the browser documentation for more information.
- If merchants are still having trouble, try clearing the browser's temporary files, close the browser, reopen it and check the page again.
The Spacing at the Bottom of the Catalog List is Too Wide in Netscape
Situation: Merchants selected the "3 column" catalog list layout in the Setup Wizard, and sometimes, the spacing at the bottom of the Catalog List template is too wide.
Solution: This is because the 3 column layout requires that the search results "Max Per Page" setting be a multiple of 3. To change this, go to Store Manager | General Preferences.
Object is not resolving on the storefront
Situation: No errors are received when validating, but the object is not resolving on the storefront.
Solution: Check the object on the template to ensure that a "$" is preceding it.
