SeeCommerce Admin Debug Checklist

1. Check if admin.js is loaded:

Look in wp-content/plugins/seecommerce/assets/js/admin.js

File size should be ~52 KB

2. Check if admin.css is loaded:

Look in wp-content/plugins/seecommerce/assets/css/admin.css

Should contain .variation-manager class

3. Browser Console Checks:

  1. Open product edit page: http://seecommerce.test/wp-admin/admin.php?page=seecommerce-add-product&id=7
  2. Press F12 to open DevTools
  3. Go to Console tab
  4. Look for any RED errors
  5. Type this and press Enter: window.React - should show React object
  6. Type this: document.querySelector('#seecommerce-admin-root') - should show a div
  7. Type this: document.querySelector('#seecommerce-admin-root').dataset.productId - should show "7"
  8. Type this: document.querySelector('.variation-manager') - should show the element (or null if not rendering)

4. Network Tab Checks:

  1. In DevTools, go to Network tab
  2. Reload the page
  3. Search for "admin.js" - should load with 200 status
  4. Search for "admin.css" - should load with 200 status
  5. Look for any failed requests (red)

5. Check React Rendering:

In Console, type: window.seecommerceAdmin

Should show an object with rootUrl, nonce, etc.

6. Check Product Data:

In Console, type and run this:

fetch('/wp-json/seecommerce/v1/products/7')
    .then(r => r.json())
    .then(d => console.log('Product:', d))

Should show product data with type: "variable"

Possible Issues: