SG Training Fit: a back-support belt and an apparel collection, each carrying its own design editor — text, images and finishes rendered live

Both customizers are plain JavaScript written for this store's product pages, over one Ecwid cart. The belt editor renders the design live over a photo of the belt in any of its ten colors: text laid along the belt in any of 44 self-hosted fonts, 14 matte and 12 glitter lettering colors, an uploaded image, and every element dragged, resized and rotated inside the belt's print area. Selecting a color in the editor selects the same option in the Ecwid product form, so preview and order stay in step. The apparel editor goes further: front and back sides with a print area each, layered text and images, 36 lettering finishes across matte, glitter, shiny and pearlflex, multi-line type, and a design-review screen that checks both sides before anything reaches the bag. On checkout the editor flattens each side into a PNG and files it into the order's native upload fields programmatically, next to the shopper's own artwork; every design is also saved through a backend API. The editors sit inside a hand-coded eight-page storefront; any item can be bought as-is, and wholesale runs are quoted by email.