Skip to content

Shopify Import Tool V8

Location: /home/dini/Downloads/work/Shopify_import_tool_V8.html

What it does

Loads a CSV (Code, SKU, Title, Description, Features, Specs, Tags, Category) and lets you review/edit each product before exporting to Shopify-compatible CSV. Outputs: Handle, Title, Body (HTML), Variant SKU, Tags.

Changes made (16-Jun-2026)

WYSIWYG editors

  • Replaced raw-HTML textareas with Quill.js rich text editors for both Description and Specs
  • Toolbar: bold, italic, underline, strike, ordered/bullet lists, heading levels 2-4, link insertion
  • Editors display in Verdana font

Specs preview styling

  • LEMO-themed spec table (matched from lemo_product_page.html)
  • Key column: light grey background (#f4f6f9), grey text (#6b7a8d), 42% width
  • Value column: navy text (#0d2240), medium weight
  • Row borders: light blue (#d0d8e4)
  • !important overrides to clean up inline font-family from source data

CSV export fixes

  • UTF-8 BOM added for Excel compatibility
  • All fields properly quoted and escaped
  • Strips inline font-family from descriptions/specs, wraps output in <div style="font-family:Verdana,Geneva,sans-serif;font-size:14px">
  • Handles empty tags gracefully

Other fixes

  • Fixed broken <a> tag in preview link (was missing opening tag)
  • Description preview no longer wraps in extra <p> tags
  • Specs preview renders HTML directly instead of broken key:value text parser
  • Empty tags filtered from preview display
  • Auto-save removed from Next/Prev navigation (Save button only)