Media
2 items
Description
A simple extension to search text in Shopify theme assets. Instantly search for text, code, or filenames across your entire Shopify theme. Filter by file type, regex, and navigate effortlessly. Overview Stop wasting time manually opening files to find specific code snippets. Easy Shopify Theme Search is the ultimate developer tool for Shopify Themes, allowing you to search the entire content of your theme's Liquid, JSON, CSS, and JS files instantly. Designed for speed and productivity, this extension integrates directly into your Shopify Admin, giving you a powerful search sidebar that stays out of your way until you need it. It's the "Find in Folder" feature that Shopify's native editor is missing. 🔥 Key Features: 🔍 Powerful Full-Text Search - Instant Indexing : Downloads and indexes all text-based theme assets (Liquid, JSON, CSS, JS, HTML) in seconds. - Deep Content Search : Finds every occurrence of a class name, variable, or text string across all files. - Smart Caching : Indexes are saved locally, making subsequent searches instant without re-fetching data. ⚡ Advanced Filtering & Sorting - File Type Filters : Quickly narrow down results to specific file types (e.g., search only `.liquid` or `.css` files). - RegEx Support : Use Regular Expressions for complex search patterns (e.g., find all `render` tags with specific parameters). - Case Sensitive : Toggle case sensitivity for precise matching of variable names. - Filename Search : Switch modes to search only for filenames instead of file content. - Sort Results : Order results by "Most Matches" to find the most relevant files first, or alphabetically. 📂 Smart Results Display - Group by Folder : Cleanly group results by their parent folder (Sections, Snippets, Assets, etc.) to understand the structure. - Match Counts : See exactly how many times your search term appears in each file with clear badges (e.g., "37 matches"). - Clean Sidebar UI : A modern interface that slides out when you need it and stays out of your way when you don't. 🕒 Intelligent History & Navigation - Search History : Automatically saves your recent searches for quick access. - Cross-Store Support : Remembers which store and theme a search was performed on. If you switch stores, clicking a history item will smartly redirect you to the correct theme editor. - One-Click Navigation : Opens the selected file (and scrolls to the line if supported) directly in the Shopify code editor. 💡 Common Use Cases: 1. Finding where a CSS class is defined vs. used Search for `.product-card` and filter by `.css` to find the definition. Filter by `.liquid` to see every file where that class is applied. 2. Tracking variable usage across snippets Need to rename a variable? Search for `product_image_url` to find every instance across sections and snippets before you change it. Confirm that a settings variable (e.g., `settings.color_primary`) is actually being used in your theme. 3. Debugging JavaScript events Search for an ID `add-to-cart-button` to find the specific JS file attaching an event listener to it. 4. Locating specific text strings Client wants to change "Add to Cart" to "Buy Now" but you don't know which translation key or hardcoded string it is? Search the text directly to find the exact file and line. 5. Quick Navigation in large themes Forget scrolling through hundreds of files in the sidebar. Use "Filename Search" to type `header` and instantly open `header.liquid`. 🔒 Privacy & Security: - Local Only : All indexing and searching happens locally in your browser. - No Data Collection : We do not collect, store, or transmit your code or search data to any external servers. - Open Source Philosophy : Built by developers who value transparency. Perfect for: - Shopify Developers & Experts - Theme Customizers - Store Owners making quick edits - Debugging complex theme logic Make your Shopify development workflow faster and easier today!