CycleCount Kit

How-To & Templates

Practical examples for each tool, plus guidance for building your own label templates. Everything runs in your browser. Nothing you paste here is saved or transmitted. Use generic demo data unless you intentionally want to test your own formats.

Back to tools

Barcode Generator

What it’s for: Generate 1D barcodes (e.g., Code 128) or QR codes for printing labels, bins, or documents.

How to use

  1. Choose Barcode (1D) or QR.
  2. Paste or type your value.
  3. Adjust size options (module width, height, margin) if needed.
  4. Download or print the result.

Example inputs

SKU-00048219
LOC-A03-B07-14
PO-104772
https://cyclecountkit.com

Common gotchas

  • If scanners misread a 1D barcode, increase height and quiet zone/margin.
  • For QR codes, keep payloads short when printing small labels.
  • If you need leading zeros, keep the value as text.

Labels (SVG templating + printing)

What it’s for: Fill an SVG label template with your data and generate printable labels with barcodes/QR codes in the right spots.

How to use

  1. Start with an SVG template that includes placeholders and barcode/QR anchor elements.
  2. Provide the SVG to the label tool.
  3. Provide your input data (single label or multiple rows, depending on tool support).
  4. Generate labels, review layout, then print.

Example fields (generic)

SKU: SKU-00048219
Description: Widget, 3/8 in
Location: A03-B07-14
Qty: 24
UOM: EA

Common gotchas

  • Printing: use 100% scale and disable “Fit to page” when accuracy matters.
  • If barcodes are clipped, increase template margins or reduce barcode height.
  • Keep text short for small labels; wrap or truncate long descriptions.

Serpentine Pick-Path Sorting

What it’s for: Sort locations in a “snake” pattern to match common aisle walking routes.

How to use

  1. Paste a list of locations (one per line).
  2. Select the serpentine pattern options that match your environment.
  3. Run the sort and copy the ordered list.

Example inputs

A01-B01-01
A01-B01-02
A01-B02-01
A02-B01-01
A02-B01-02
A02-B02-01

Common gotchas

  • Mixed formats sort unpredictably. Keep inputs consistent.
  • If you use numeric segments, pad them (01 vs 1) if needed.

UOM Conversion

What it’s for: Convert between units (cases to eaches) with consistent math and rounding.

How to use

  1. Choose a conversion direction (CS → EA or EA → CS).
  2. Enter conversion factor (1 CS = 24 EA).
  3. Enter quantity to convert.
  4. Review output and rounding.

Example conversions

3 CS at 24 EA/CS → 72 EA
96 EA at 24 EA/CS → 4 CS

Common gotchas

  • Be explicit about rounding rules when converting to cases.
  • Avoid mixing inner pack and case unless you define both factors.

Check Digits

What it’s for: Validate or generate check digits to reduce scan/keying errors.

How to use

  1. Select the check digit scheme (if multiple are supported).
  2. Enter the base value.
  3. Generate or validate the full code.
  4. Copy into a barcode generator or label template if needed.

Example inputs

LOC-A03-B07-14
SKU-00048219
1234567

Common gotchas

  • Check digit schemes are not interchangeable.
  • If your environment uses fixed-length codes, ensure padding rules are applied before computing.

Templates (SVG conventions)

Where templates live: Place SVG templates in /assets/templates/ (SVG only).

Conventions

  • Placeholders: use the placeholder tokens supported by the label tool (document the actual supported tokens here once finalized).
  • Barcode/QR anchors: include anchor elements using the current label renderer’s convention (document the exact anchor/id format used by label.js).
  • SVG sizing: include a correct viewBox and explicit width/height for predictable printing.
  • Font hygiene: prefer system fonts; avoid external web fonts in SVGs.

Template checklist

  • Uses only supported placeholders
  • Contains required barcode/QR anchors
  • Has a correct viewBox
  • Prints at 100% scale without clipping

CycleCount Kit runs locally in your browser. It does not store, transmit, or retain inputs.