Shopfront supports showing the current sale and an idle display with images and videos to the customer through a customer-facing screen. This is typically set up as a secondary screen mounted on the opposite side of the sell screen.

Note; Shopfront does not provide promotional images for banner group promotions. However, you can add promotional images supplied by your banner group as needed.

Customer Display Launching Modes

There are two different modes for launching the customer display within your browser.

Presentation - Uses Chrome's built-in cast feature
Popup - Opens the customer display in a popup window

Follow the steps below to change the display mode.

Select Menu
Select Setup
Select General
Select Registers and followed by a register
Scroll down to the Customer Display section and select the desired Customer display mode
(Repeat these from step 4, if you'd like to modify the customer display mode on the other registers)
Select Save

Enabling the Customer Display for a Register

If you'd like to be prompted to open the customer display when opening the register or if you'd like a flashing red icon to indicate that the customer display is not open, you'll need to follow the steps below;

Select Menu
Select Setup
Select General
Select Registers followed by a register
Scroll down to the Customer Display section and enable the Open customer display when register opens setting.
(Repeat these from step 4, if you'd like to enable the customer display on the other registers)
Select Save

How to Open the Customer Display

The customer display can be opened from the menu or the red flashing screen icon at the top left of your sales screen. The red screen icon is visible and flashing when the customer display is not open. This icon will only appear when the customer display has been enabled for a register as described in the setup above.

Here's how to open it from the Menu;

Select Menu
Select Register
Select Open Customer Display
Follow the prompts on screen

Otherwise, select the flashing red screen icon at the top of the screen to open the customer display.

When using the Popup mode, the first time you attempt to launch the customer display screen, you'll need to Allow the Manage windows on all of your displays.

Enabling Window Management (Popup Mode Only)

The customer display will not launch if your browser's Window management is disabled.

Select the View site information icon to the left of the address bar in the browser (as highlighted below)
Enable Window Management

Applying a Customer Display Template to a Register

Multiple customer display templates can be created and modified. By default, a standard template will be selected for each register. It is possible to select a different template for registers if multiple templates exist.

Select Menu
Select Setup
Select General
Search for "Customer Display Template" by typing into the Search Settings field
Select a Register
Select a Customer Display Template from the dropdown menu
Select Save to once you've finished setting the Customer Display Templates for all registers

Editing an Existing or Creating a New Customer Display Template

Follow the steps below to navigate to your Customer Display page.

Select Menu
Select Setup
Select Customer Display
Either select Edit next to an existing customer display, alternatively select New to create a new template. If creating a new template, name the template and then select Edit

Once you are in the Customer Display edit page, you will be able to toggle between the two modes Idle and Sale.

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

Once you've selected the screen you wish to edit, you're able to add the components that you want to the screen. Below are the components you can add and their options

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 a Single Image or Video

You can add a single, static image to the customer display screen, such as a shop or banner group logo, or a promotional image. To add an image, follow these steps.

Choose Idle or Sale (Idle will be the screen showing when no products have been added to the sales screen)
If an image already exists, to replace the existing image click on the existing image, or select the green '+' button at the top right and select the Image component, if you are adding multiple images, you will need to ensure you resize the area to allow for additional images
Select the Settings tab
Select the area labeled Select to Add Image
From the Media Centre either select a previously uploaded image or select Upload to load an image from your file explorer, once uploaded select the image
From the Media Centre select the Select option at the bottom right of the page to add the chosen image
Move/modify the size of the Image component box as required
Select Save to finalise and apply the changes

Add multiple Images or videos to the Same Area as a Slide Show

You can set up a slide show to rotate between images and videos at a set frequency, to create a slide show, follow the steps below.

Choose Idle or Sale
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 and select the added component that appears on the screen
Select the Settings tab
Select Edit Slideshow
From the Media Centre either select a previously uploaded file or select Upload to load files from your file browser
To add the selected images or videos you'll need to select the Select button
Enter the duration the slide will be displayed for before moving to the next slide (in seconds) into the Seconds text box
Choose the Start At and End At to set a time and date for the slide to run. If left blank, the slideshow will continue until manually removed
Select Confirm
Move/modify the size of the Slide Show component box as required
Select Save to finalise and apply the changes

Image & Video Requirements

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.

.mp4
.webm

Customer Display Troubleshooting

If your customer display monitor isn't being detected by the computer, first of all, check that the monitor power is turned on and that the display cables are securely connected at both the monitor and PC end.

If your monitor reads Entering Power Save Mode when you turn it on, this means the screen is not picking up a connection from your computer, the first thing to check is that the input source on the monitor is set correctly. If the problem persists, it could be caused by a fault with the cables or the video card.

Error When Attempting to Launch the Customer Display in Shopfront?

If you see the error Failed to open customer display (pictured above) when you try to launch the customer display, it could be because a register hasn't been selected, see How to Change Your Location Within Shopfront, to ensure a register has been selected. If a register has been selected, you may need to ensure that a customer display template has been allocated to the register.