Skip to content

ConduciveMammal/theme-explorer

Repository files navigation

Icon

Theme Explorer

Theme Explorer allows you to view important information about the themes installed on your Shopify store.

Get it now

Install on Chrome Install on Firefox

Note: Firefox requires at least version 109.0

Screenshots

Screenshot

Features

  • View details of each theme installed on your Shopify store.
  • Access quick links to your theme, such as the Theme Customiser, code editor and theme JSON.
  • Quickly preview each theme.
  • 100% safe. This extension only works on the currently focused tab and only when viewing a Shopify store's admin screen so unauthorised users won't be able to see these details.

Acknowledgements

Installation

  1. Check if your Node.js version is >= 14.
  2. Clone this repository.
  3. Change the package's name, description, and repository fields in package.json.
  4. Change the name of your extension on src/manifest.json.
  5. Run npm install to install the dependencies.
  6. Run npm start
  7. Load your extension on Chrome following:
    • Access chrome://extensions/
    • Check Developer mode
    • Click on Load unpacked extension
    • Select the build folder.
  8. Happy hacking.

Roadmap

  • Add Preview Generator for Storefront
    • lets create you previews for Editor and Storefront from the Storefront with no effort.
  • Add SEO Check for Website
    • Checks your Website for HTML Semantic Elements that improve SEO.
  • Add Rich Snippet Check for Website
    • Checks your Website for Google Rich Snippet Support.
  • Add Script and CSS Check for Website
    • Checks the size if CSS and JS Files and how to improve them.
  • Add Image Checker for Website
    • Checks the Website if Image tags have srcset and use next gen format