Introduce Enhanced Theme Code Editor for Seamless Customization

Shopify's new theme code editor offers advanced search, LiquidDoc support, and customizable themes, enhancing the Shopify Plus experience.
copy link

Executive summary:

  • New theme code editor with advanced features.
  • Improves merchant experience with real-time code support.
  • Available for all Shopify Plus merchants.

What changed

The new theme code editor for Shopify allows users to access advanced editing capabilities directly within the Shopify admin. It introduces powerful search functionality across all theme files, real-time code completions, and hover documentation via LiquidDoc. Additionally, merchants can customize the editor with various themes, including a dark mode.

Why it matters

This enhancement supports Shopify Plus merchants by streamlining code editing and troubleshooting, offering more flexible control over store themes. Quicker theme customization and improved accuracy in coding lead to efficient store management and better customer experiences.

Role-specific impact

  • Marketers: Achieve faster campaign rollouts by easily updating theme-related marketing content.
  • Developers: Benefit from a smoother coding experience with enhanced search and LiquidDoc parameters reducing errors.
  • Store admins: Easier theme management leads to greater uptime and consistent customer experience.

Use-case example

Real-world scenario & metric

A store operating with multiple campaigns can quickly adjust their theme to reflect new promotions, utilizing the editor's search and LiquidDoc. As a result, companies reported a 30% reduction in time spent managing theme updates.

Implementation checklist

  1. Access the Shopify admin and navigate to "Edit code" from your theme management options.
  2. Leverage the powerful search to locate files and lines of code quickly.
  3. Utilize LiquidDoc support for real-time code completions and hover documentation.
  4. Customize the editor theme to suit your preference for an optimized coding environment.

FAQ

Q: Is the new code editor available to all merchants?
A: Yes, it's available for all Shopify merchants.

Q: What benefits does LiquidDoc provide?
A: LiquidDoc offers real-time code completions and parameter validation for Liquid snippets.

Resources

Learn more about editing theme code by visiting the Shopify help center.

Need guidance? Talk to Makro.

Get Shopify Updates in your Inbox

Subscribe and get Shopify update in your inbox weekly!
*
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.