...
You can upload files to your website via the Upload feature in Documents & Images. The website will expect files to be named and sized a particular way depending on the type of file you are uploading, which is covered in the relevant sections below.
| Anchor | ||||
|---|---|---|---|---|
|
If you want to identify where the image you wish to replace is:
...
What you see by selecting View Image Info when right clicking a Header image in Firefox
| Anchor | ||||
|---|---|---|---|---|
|
- In the Straightsell CMS select Documents & Images
...
- Click Browse and locate the file you wish to upload.
- Set To (destination folder) to the folder you wish to upload to depending on the image type.
- Check or uncheck the OptimiseJPEGs checkbox depending on the type of image
- Click UploadFile.
| Anchor | ||||
|---|---|---|---|---|
|
In the Straightsell CMS select Documents & Images
Select the Upload tab.
...
- In Windows select all of the files you want to upload.
- Right click and select Send to – Compressed (zipped) folder.
- Click Browse and locate the compressed file you wish to upload.
- The Unzip checkbox should be checked automatically.
- Set To (destination folder) to the folder you wish to upload to depending on the image type.
- Check or uncheck the Optimise JPEGs checkbox depending on the type of image
- Click UploadFile.
...
Image and Document Types
Product Images and Thumbnails
Product Images and Thumbnails are the images you'll upload most on your Straightsell website. A Product image file name must match the Product Code in the accounting system. You can have more than one image per product, with additional images are appended with an underscore and a number.
In this case, AB400.jpg, AB400_1.jpg and AB400_2.jpg have been uploaded and display as the primary, second and third image respectively.
...
Upload Parameter | Required Value |
File Name Convention | ProductCode.jpg, ProductCode_1.jpg, ProductCode_2.jpg. |
Recommended Image Size | 400x400/600x600/800x800 pixels |
Destination Folder | /productimages and /productimages/thumbnails |
Thumbnails | Created automatically when checkbox ticked |
| Anchor | ||||
|---|---|---|---|---|
|
Like Product Images, Product PDFs file names must match the Product Code, Additional PDFs are appended with an underscore and a number. In this case, AB400.pdf and AB400_1.pdf have been uploaded and display as the primary and secondary PDF respectively.
You may wish to offer them as supplementary or replacements for your Product Descriptions. Other use cases could be that you have assembly instructions or safety information for dangerous products.
...
Upload Parameter | Required Value |
File Name Convention | ProductCode.pdf |
File Name (Additional PDFs) | ProductCode_1.pdf, ProductCode_2.pdf, ProductCode_3.pdf |
Destination Folder | /documents/productpdf |
...
| Anchor | ||||
|---|---|---|---|---|
|
Sideshow images are displayed on the home page of your website and come in two sizes depending on your Straightsell Website configuration. These are easily replaceable and can link to pages on your website or simply display as an image.
...
Upload Parameter | Required Value |
File Name Convention - Text File | SlideshowLinks.txt |
Image Dimensions – Regular | 870 x 230 pixels |
Destination Folder – Regular | /documents/slideshow |
Optimise JPEGs | Unchecked |
...
Website Background Images
If your website has a background image this would have been uploaded during the website project.
...
Option | Value |
File Name Convention | CategoryName.jpg |
Size | 400 x 400 Pixels |
Destination Folder | /documents/categories |
Optimise JPEGs | Unchecked |
...
Brand Logo Images
You can display Brand logos on your home page below the Product Showcase. The default layout allows for three or six Brand logos, with three per row.
...
Option | Value |
File Name Convention 1 | BrandName.jpg |
Size | 279 x 140 Pixels |
Destination Folder | /documents/brandlogos |
Optimise JPEGs | Unchecked |
...
| Anchor | ||||
|---|---|---|---|---|
|
If you have Category Images enabled on your website you can upload images matching the name of the category level and they will show up when browsing your products list.
...
Upload Parameter | Required Value |
File Name Convention | CategoryName.jpg |
Size | 200 x 200 Pixels |
Destination Folder | /documents/categories |
...
Product Category Header Text and Images
Product Category Header Text and Images is an optional Add On that allows you to provide more information when customers are browsing your product categories.
If you have Category Header Text and Images enabled you will need to set up an entry for your BannerText custom form in Content Management – Form Generator, and the image uploaded into the /categoryheader folder must match the name of the form.
...
Upload Parameter | Required Value |
File Name Convention | CategoryLevel |
Size | 430 x 200/300 x 150 Pixels |
Destination Folder | /documents/categoryheader |
Optimise JEPGs | Created automatically when checkbox ticked |
...
Website Header and Logo Images
Your website's header and logo images can be replaced, and the file names and sizes of these images will vary depending on which website template you have,
Download a copy of the image you wish to replace so you have a backup in the event of an issue with the upload of your new image.
If you wish to replace a header or logo image you first need to identify the image filename and size that needs replacing.
Full Width Style – 2017 Website Template
The Full Width Header Style in a 2017 Website.
...
Upload Parameter | Required Value |
File Names - Slideshow | slideshow_1.jpg through slideshow_9.jpg |
File Names - Logo | Header-Fullwidth-Logo.gif |
Dimensions - Slideshow | 1920px × 500px |
Dimensions - Logo | 290 x 80px |
Destination Folder | /documents/slideshow_fullwidth |
Optimise JEPGs | Unchecked |
Standard Header Style – 2017 Website Template
The Standard Header Style in a 2017 Website.
...
Upload Parameter | Required Value |
File Names - Header | Header-Standard.jpg |
File Names - Logo | Header-Fullwidth-Logo.gif |
Dimensions - Header | 1170 x 300 |
Dimensions - Logo | 290 x 80 |
Destination Folder | /documents |
Optimise JEPGs | Unchecked |
Standard Header Style – 2014 and 2015 Website Templates
The Standard Header Style in a 2014 or 2015 Website.
...
Upload Parameter | Required Value |
File Names - Header | Header-FullWidth.jpg |
File Names - Logo | Header-Fullwidth-Logo.gif |
Dimensions - Header | 1170 x 250 |
Dimensions - Logo | 290 x 80 |
Destination Folder | /documents |
Optimise JEPGs | Unchecked |
Logo style – 2014/2015/2017 Website Templates
The Standard Header Style in a 2014/2015/2017 Website.
...
Upload Parameter | Required Value |
File Names - Logo | Header-Logo.jpg |
Dimensions - Logo | 260px × 150px |
Destination Folder | /documents |
Optimise JEPGs | Unchecked |
Mobile Phone and Tablet Images – 2015/2017 Website Templates
The Mobile view in a 2015 or 2017 Website.
...
Upload Parameter | Required Value |
File Names - Logo | Header-Mobile-Logo.jpg |
Dimensions - Logo | 400 × 100px |
Destination Folder | /documents |
Optimise JEPGs | Unchecked |
Mobile Phone and Tablet Images – 2014 Website Templates
The Mobile view in a 2014 Website.
...
Upload Parameter | Required Value |
File Names - Logo | Mobile-Logo.gif |
Dimensions - Logo | 230px × 80px |
Destination Folder | /documents |
Optimise JEPGs | Unchecked |
...
Email Header Images
The emails that your customers receive from Email Marketing Campaigns, Order Confirmations and Registration all include an image. This can be replaced like all other website images and changes will appear in all emails after upload of the new image.
...
Upload Parameter | Required Value |
File Names - Logo | EmailBanner.jpg |
Dimensions - Logo | 280px × 90 / 280 x 120px |
Destination Folder | /documents |
Optimise JEPGs | Unchecked |
Blog Images
| Anchor | ||||
|---|---|---|---|---|
|
Blog articles can have an image displayed against articles, as well as images in the body of the article.
...
Upload Parameter | Required Value |
File Names – List Images | Any |
Dimensions – List Images | 680 x 420 |
File Names – Article Images | Any |
Dimensions – Article Images | Any |
Destination Folder | /documents/blog |
Optimise JEPGs | Unchecked |
News Images
Like Blog, News articles can have an image displayed against articles, as well as an image in the body of the article.
...