Customising Shopfront

Images and Videos on the Customer Display

Shopfront supports showing a current sale to the customer through the use of a customer facing display. This is typically setup as a screen mounted on the opposite side of your display. Additionally to the active sale's details the screen can be set up to display visual material such as logos, promotional images, or videos. 

Note; Shopfront support does not provide files for the customer display. Promotional material will be supplied by your banner group or can be individually created. Please note the below format restrictions when creating or loading files.

 

Add a Single Image or Video

A single, static image can be added to the customer facing screen. This can be e.g. store or bannergroup logo or promotional material or the specials of the week. 

  1. Navigate to Menu > Setup > Customer Display
  2. Select Edit next to your existing customer display
  3. Choose Idle or Sale (Idle will be the screen showing when no products have been added to the sales screen)
  4. If an image already exists, click on the existing image, or select the green '+' button at the top right to add the Image component
  5. Select the Settings tab
  6. Click Select Image/Click to Edit
  7. From the Media Centre either select a previously uploaded image or select Upload to load an image from your file browser
  8. Click Select at the bottom right to add the selected image
  9. Move/modify the size of the Image component box as required
  10. Select Save to finalise and apply the changes

 

Add multiple Images or Videos as a Slide Show

A variety of files can be added to a single component as a slide show. This slide show will run through all images or videos at a set pace. This can be handy in showing a variety of promotional material or seasonal specials.

  1. Navigate to Menu > Setup > Customer Display
  2. Select Edit
  3. If a slideshow already exists, click on the existing image, or select the green '+' button at the top right to add the Slide Show component
  4. Select the Settings tab
  5. Click Add Slide
  6. From the Media Centre either select a previously uploaded file or select Upload to load files from your file browser
  7. Click Select at the bottom right to add the selected file
  8. Enter the duration a file should be shown within the slide show before moving to the next in seconds into the Seconds text box
  9. Move/modify the size of the Slide Show component box as required
  10. Select Save to finalise and apply the changes

 

Idle On display when no products are scanned on to the sell screen
Sale Activated with the first product scanned on the sell screen, displaying details of an active sale

Slide Show

Displays multiple images/videos for a set time each within the same component
Sale Table Lists the details of a sale, e.g. product descriptions, prices, item count
Totals Displays the totals and savings of a sale
Image Displays a single image or video
Text Add text to the customer display
Labels The rows displayed for Totals, these can be toggled off, modified, rearranged. Select the Totals component and the Settings tab to access
Headers The columns within a Sale Table, these can be toggled off, modified, rearranged. Select the Sale Table component and the Settings tab to access
Add Slide Opens the Media Centre. Select Slide Show component and the Settings tab to access. Choose correctly formatted material to add to the slide show component. 
Seconds The time a slide is shown before moving to the next slide. Select the Slide Show component and the Settings tab to access. The Seconds text field appears for every slide added. Enter a time to show each slide in seconds, 3.5 will be entered by default and can be modified.

 

Format Restrictions

The following formats are accepted in the media centre.

Accepted Image Formats

Note; The maximum file size for images is 8 MB, additionally if an animated .gif is larger than 2000px wide or high, the animation will be lost when importing it into the Media Centre. 

.png
.jpg
.gif

Accepted Video Formats

Note; The maximum file size for videos is 16 MB.

.mpb4
.webm

 

Note; See Customer Display Troubleshooting if you are experiencing issues launching the customer display screen. For further configuration steps and to view the different methods of opening the customer display screen see How to Open the Customer Display.