k) 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 Mozilla Firefox, Right click on an image and select View Image Info.
• Information on the image will be shown, including the path to the file in Documents & Images, the size and the dimensions of the image.
• If View Image Info is not available, select View Background Image to show the image then right click the image and select View Image Info.
  

  

How to Upload Documents & Images

To upload the image, log in to the Straightsell Control Panel 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

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.

Product Image uploaded into /productimages

When you select the /productimages folder in the Upload tab of Documents & Images, the Create Thumbnails option is checked to create a thumbnail automatically, viewable when browsing product categories.

A Thumbnail Image uploaded into /productimages/thumbnails

Product PDF Documents

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.

Two Product PDF documents uploaded into /documents/productpdf

Slideshow Images and Links

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.

A regular Slideshow image uploaded into /documents/slideshow

A Full width slideshow image uploaded into /documents/slideshow_fullwidth

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 (slideshow_1.jpg) will link to a page on the website, specifically http://standarddesign.straightsell.com.au/Living-Room/Lounge-Suites/pl.php.
The second (slideshow_2.jpg) and third (slideshow_3.jpg) images will display but not link anywhere as they have hashes, not a link.

• Upload the modified SlideshowLinks.txt file into /documents/slideshow.

The second step is uploading your new Slideshow images to replace your existing images.

• Upload your new Slideshow images following the naming convention outlined below.
• Close and reopen your browser or refresh your cache to see if the changes are reflected.

Note: You can obtain the URL path from your website by copying everything after the .com/ or .com.au/ in the address bar when you visit the page you want to link to.

Website Background Images

If your website has a background image this would have been uploaded during the website project.

The concrete background image on a Standard Header Style 2017 website

Options available for your 2017 Website include the below, although you can also upload your own. If you need assistance with setting up a background please submit a Service Request in the Straightsell Help Portal.

Standard backgrounds available in the 2017 Website Template

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.

Six brand logos uploaded into /documents/brandlogos

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.

Category Images for the Beds, Beside Tables and Dressers subcategories.

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.

A Product Category Header Text and Images example for the Accessories category

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.

An example email marketing campaign with the EmailBanner.jpg image

Blog Images

Blog articles can have an image displayed against articles, as well as images in the body of the article.

blog1.jpg that appears when entered into List Image Path

blog2.jpg added using Insert/Edit Image in the WYSIWYG editor.

Where you enter the List Image against Blog articles

News Images

Like Blog, News articles can have an image displayed against articles, as well as an image in the body of the article.

news1.jpg as the Thumbnail Image Path image

news1_lg.jpg as the Image Path image

The two options for uploading images in News Articles