Uploading Documents and Images
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.
Identifying Images on your Website
If you want to identify where the image you wish to replace is:
In Google Chrome, Right click on an image and select Open Image in New Tab.
Information on the image will be shown, the URL will display the path to the image location in Documents & Images.
Note that when uploading an image, the name of the image must match the destination file name.
If Open Image in New Tab is not available, select View Background Image to show the image then right click the image and select Open Image in New Tab.
How to Upload Documents & Images
To upload the image, log in to the CMS and navigate to:
Content Management > Documents & Images
Select the Upload tab
Choose the specified folder
Click Browse and select your file
To upload multiple files at once select all the files then right click and select Send to – Compressed (zipped) folder
After selecting the .zip file that is created the Unzip checkbox will check on automatically
Check the Publish box and Uncheck the Optimise JPEGs box
Click Upload File
Universal Uploads
We recommend going through this section first as it goes over the Documents and Images that will be changed the same way regardless of what Template version you are on.
If the change you are looking to make is not in the Universal Uploads then you can check which version your templates are by going into the Global_Parameters Web Page in the CMS, Or by hovering over the “Powered by Straightsell” text in the footer of your website.
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, additional images are appended with an underscore and a number.
Product Image Parameters:
Square: In the range of 1000px width x 1000px height
Name the image ProductCode.jpg, ProductCode_1.jpg, ProductCode_2.jpg
Note: if the product code has a / in it such as Doo/dle, the name of the image will be Doodle.jpg. Since / is a banned character when saving files, The CMS will look for a file without the /.
To upload the image, log in to the Straightsell CMS and navigate to:
Content Management > Documents & Images
Select the Upload tab
Choose the folder /productimages
Thumbnails will automatically be created in their required location
Click Browse and select your image/zip file
Check the Publish box and Uncheck the Optimise JPEGs box
Click Upload File
Blog Images
Blog articles can have an image displayed against articles, as well as images in the body of the article.
Blog Image Parameters:
Thumbnail image: 1200px width x 627px height (matches recommended shared image size for LinkedIn), any name
Article image: any size, any name
Thumbnail Image: Used as the display image for the Homepage
Go into CMS >> Content Management >> Blog.
Click “View” on the blog you would like to change the image for.
You can change the Thumbnail image by clicking “Select”.
Note: The image you want to change the Thumbnail to must first be uploaded to the /blog folder.
Article Image: Any Image used in the articles
Go into CMS >> Content Management >> Blog.
Click “View” on the blog you would like to change the images for.
in the Content field select “Insert”.
In the Insert dropdown click “Image”.
Select the image you would like to add. (Use the Upload tab to use an image from your computer)
Product Documents
Product PDFs file names must match the Product Code and additional PDFs are appended with an underscore and a number.
You may wish to offer them as replacements for your Product Descriptions, or for supplementary information such as assembly instructions or safety information.
Product PDF Parameters
Name the PDF ProductCode.pdf, ProductCode_1.pdf, ProductCode_2.pdf
To upload the image, log in to the Straightsell CMS and navigate to:
Content Management > Documents & Images
Select the Upload tab
Choose the folder /documents/productpdf
Click Browse and select your image/zip file
Check the Publish box
Click Upload File
Product Category Images
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.
Product Category Image Parameters:
500px width x 500px height
Name the image CategoryName.jpg
OR name the image based on its full category path e.g. Category1_Category2.jpg
Note: the naming convention of category images is determined in the backend of the website. If you are unsure which applies to you, please contact support.
To upload the image, log in to the Straightsell CMS and navigate to:
Content Management > Documents & Images
Select the Upload tab
Choose the folder /documents/categories
Click Browse and select your image file
Check the Publish box and Uncheck the Optimise JPEGs box
Click Upload File
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.
The image uploaded into the /categoryheader folder must match the name of the form.
Product Category Header Image Parameters:
430px width x 200px height
Name the image CategoryLevel.jpg
To upload the image, log in to the Straightsell CMS and navigate to:
Content Management > Documents & Images
Select the Upload tab
Choose the folder /documents/categoryheader
Click Browse and select your image file
Check the Publish box and Uncheck the Optimise JPEGs box
Click Upload File
Template V17+
Homepage Images
If you Homepage has a Banner, carousel or custom functionality that involves adding images and slides then you will need to change the images using the Content Sections of the CMS.
For Banner Images we recommend using 1920x500 for the resolution.
In the Example Below I have a website with a Homepage Banner that has 2 slides and a carousel underneath it with 4 images.
To change these images go to:
Content Management
Click into the section you want to change. (In this example, HeaderBanner is the Homepage Banner and HomeCallouts is the Carousel.)
Click Add New to create a new image or click view to change the current entry. (In this example we will add a new entry to the HeaderBanner)
From here you can select the image you would like to display (Including the image for mobiles), Alt Text that is used for SEO, You can Link a URL to the image and also set the priority from 1-99, A higher Priority means the image with be first in the display.
Now that I have saved the changes I can see the new Banner on the Homepage.
Pre Template V17
Slideshow Images and Links
Sideshow images 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.
Uploading Slideshow images is a two-step process. The first step requires modifying a text file named SlideshowLinks.txt which controls how many images will be displayed.
Go to Documents & Images – Simple Search.
Select /documents/slideshow or /documents/slideshow_fullwidth and click List All Files.
Locate SlideshowLinks.txt and click Download.
Open the file.
The first line in SlideshowLinks.txt must be slideURL.
Each subsequent line should have a hash (#) character to display an image, OR a link to a page your website.
In the below example, the first slideshow image will link to a page on the website, specifically http://standarddesign.straightsell.com.au/Living-Room/Lounge-Suites/pl.php.
The second and third images will display but not link anywhere as they have hashes, not a link.
Upload the modified SlideshowLinks.txt file into /documents/slideshow or /documents/slideshow_fullwidth
The second step is uploading your new Slideshow images to replace your existing images:
Slideshow Image Parameters:
870px width x 230px height (normal) OR 1920px width x 500px height (full width)
Name the images slideshow_1.jpg through slideshow_9.jpg - images will appear in alphabetical order in the slideshow
To upload the image, log in to the Straightsell CMS and navigate to:
Content Management > Documents & Images
Select the Upload tab
Choose the folder /documents/slideshow_fullwidth - FOR FULL WIDTH STYLE
Choose the folder /documents/slideshow - FOR OTHER STYLE
Click Browse and select your image file (or zip file if uploading multiple files)
Check the Publish box and Uncheck the Optimise JPEGs box
Click Upload File
Website Background Images
If your website has a custom background image this would have been uploaded during the website project.
There are default options available for your website background, although you can also upload your own if you wish.
If you need assistance with setting up a background please submit a Service Request in the Straightsell Help Portal.
Background Image Parameters:
400px width x 400px height
Name the image Background.jpg
To upload the image, log in to the Straightsell CMS and navigate to:
Content Management > Documents & Images
Select the Upload tab
Choose the folder /documents/background
Click Browse and select your image file
Check the Publish box and Uncheck the Optimise JPEGs box
Click Upload File
Brand Logo Images
You can display Brand logos on your home page below the Product Showcase.
The default layout allows for six Brand logos, with three per row.
Standard Style Image Parameters:
279px width x 140px height
Name the image brandlogo_1.jpg up to brandlogo_8.jpg (depending on configuration)
To upload the image, log in to the Straightsell CMS and navigate to:
Content Management > Documents & Images
Select the Upload tab
Choose the folder /documents/brandlogos
Click Browse and select your image file
Check the Publish box and Uncheck the Optimise JPEGs box
Click Upload File
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.
Email Header Image Parameters:
280px width x 120/90px height
Name the image EmailBanner.jpg
To upload the image, log in to the Straightsell CMS and navigate to:
Content Management > Documents & Images
Select the Upload tab
Choose the folder /documents
Click Browse and select your image file
Check the Publish box and Uncheck the Optimise JPEGs box
Click Upload File
News Images
Like Blog, news articles can have an image displayed against articles, as well as an image in the body of the article.
Blog Image Parameters:
Thumbnail image: 200px width x 200px height, any name
Article image: any size, any name
To upload the image, log in to the Straightsell CMS and navigate to:
Content Management > Documents & Images
Select the Upload tab
Choose the folder /documents/news
Click Browse and select your image file
Check the Publish box and Uncheck the Optimise JPEGs box
Click Upload File