Build flexible icon rows in Shopify themes.
Search, style, drag, and reorder icons in a theme-editor helper, then save a transparent list of icon IDs to a storefront app block.
A focused IconSearch experience for Shopify.
The interface keeps discovery, inspection, and the final handoff close together while using the same live catalog as the website.
Theme editor helper
Search and preview icons beside the app block settings used by a merchant.
Drag and reorder
Build a selected tray, change item order, and review the complete storefront icon row.
Merchant-owned styling
Control icon size, color, gap, alignment, labels, and heading from theme settings.
Review-safe persistence
Copy the chosen icon IDs into the Shopify-owned block field instead of silently changing settings.
From local setup to a real icon.
Place the extension in a Shopify app workspace
Run the app in development mode
Add the Icon row block in a test theme
Choose and reorder icons, then save their IDs
Place shopify-extension under:
extensions/iconsearch-theme
Then run:
shopify app devTheme extension structure is ready for app testing.
The custom checker passes. The extension still needs a parent Shopify app, development-store verification, and deployment through Shopify CLI.