Shopify Operations Toolkit

The team needed a more focused way to handle recurring collection and product operations inside Shopify. Collection merchandising, manual product ordering, catalog checks, and common product updates were related tasks, but they lived across separate admin workflows. The goal was to bring those operations into one company-specific tool without replacing Shopify Admin itself. The app also needed to work against real store data, support larger catalogs through pagination, surface progress and errors clearly, and avoid applying changes until the user deliberately confirmed an action.

I created a Shopify Admin toolkit organized around four workflows: Collections, Product Order, Cleanup, and Bulk Edit. Instead of building another storefront feature, the project focuses on the operational side of commerce. It gives the internal team a single interface for collection-level sorting, manual merchandising, catalog-quality checks, and selected-product updates while keeping Shopify as the underlying source of truth. The implementation was developed iteratively with Shopify Sidekick as an AI-assisted development tool. I used the company workflow and store requirements to shape what the tool needed to do, then tested, troubleshot, and refined the generated implementation inside the Shopify environment.

The application is built with Preact and TypeScript inside the Shopify Admin environment and communicates with Shopify through GraphQL queries and mutations. Collection, product, inventory, media, pricing, tag, and variant data are loaded directly from Shopify. Larger result sets are paginated in controlled batches, while long-running product reorder operations use Shopify job polling before the interface reports completion. Application state handles filters, selections, loading states, progress, warnings, success messages, and API or user errors. This makes the tool more than a static admin screen: it is an operational interface built around Shopify's live commerce data and mutation workflow.

The Collections workspace retrieves each collection's title, sort order, product count, and whether it is manual or automated. Users can search and filter the list, then apply a Shopify sorting strategy to one collection, selected collections, or all collections matching the current filter. For manual collections, Product Order provides a dedicated merchandising workspace. Products can be moved up, down, to the top, or to the bottom. The tool can also prepare automatic arrangements such as sold-out products last, price low-to-high or high-to-low, inventory high-to-low, and best-selling first. The new order remains local until Save order is pressed. The app then sends only the required moves to Shopify and monitors the asynchronous reorder job.

The Cleanup workspace adds catalog-quality checks for products with no images, products that do not belong to any collection, and collections with no products. Product scans are paginated so the interface can work through larger catalogs while reporting what has been checked and what was flagged. Bulk Edit loads products from a selected collection and allows specific items to be updated together. Supported operations include product status, vendor, product type, variant pricing, tags to add, and tags to remove. The app uses separate Shopify mutations for product data, variant pricing, and tag operations while tracking progress and surfacing Shopify API or user errors during execution.