setting up Article barcode scanning in Webapps STORE

How-to Guide

Author:

Fluent Commerce staff

Changed on:

14 Sept 2023

Key Points

Step by step to demonstrate how to add dc.scanner.barcode component into the Customer Collections page. A full reference can be found here

Steps

Setup fc.scanner.barcode

Copy the sample code fc.scanner.barcode from this link

Paste the code in between header component and List component:

Test the change

Refresh the customer collection screen in Fluent STORE, and use the keyboard to enter any unknown article ID. An error message should be displayed:

Happy test

Then enter an article ID that exists in your sandbox. The Customer collection screen should be displayed:

Related content

Supporting SKU with multiple barcodes during the picking

Edited 63 days ago

Control webapps STORE AND OMS UI by using roles and action in manifest

Edited 291 days ago

Fluent Commerce staff

Copyright © 2024 Fluent Retail Pty Ltd (trading as Fluent Commerce). All rights reserved. No materials on this docs.fluentcommerce.com site may be used in any way and/or for any purpose without prior written authorisation from Fluent Commerce. Current customers and partners shall use these materials strictly in accordance with the terms and conditions of their written agreements with Fluent Commerce or its affiliates.

setting up Article barcode scanning in Webapps STORE

Key Points

Steps

Setup fc.scanner.barcode

Paste the code in between header component and List component:

Test the change

Happy test

Related content

Supporting SKU with multiple barcodes during the picking

Control webapps STORE AND OMS UI by using roles and action in manifest

Fluent Commerce staff

Building Blocks

By Type

Legal Resources