Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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 Modified

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

...

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.

...

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

...

...

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
File Name Convention - Images

SlideshowLinks.txt
slideshow_1.jpg, slideshow_2.jpg, slideshow_3.jpg.

Image Dimensions – Regular
Image Dimensions – Full Width

870 x 230 pixels
1920 x 500 pixels

Destination Folder – Regular
Destination Folder – Full Width

/documents/slideshow
/documents/slideshow_fullwidth

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
File Name Convention 2

BrandName.jpg
brandlogo_1.jpg through brandlogo_6.jpg
brand1 through to brand6

Size

279 x 140 Pixels

Destination Folder

/documents/brandlogos

Optimise JPEGs

Unchecked

...

...

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.

...

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

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

...

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.

...