What's your biggest current challenge? Have your say in Community Polls along the right column.

Which code editor is better? old or new one and why?

Which code editor is better? old or new one and why?

rviparmar18
Shopify Partner
24 0 9

Hello All,
Shopify recently update its code editor.
I want to know which one is better, old or new, and why?

rviparmar18_0-1657787415441.png

 

Ravi Parmar
Replies 11 (11)

Artzen_tech
Shopify Partner
552 113 112

I was about to post about this here, but thank you that you have asked this.

 

Old code editor was better. Here is why

1. The new editor is super slow.

2. search option is not at all useful as compared to the old one.

3. Once we reload all the open files disappear.

There are many other issues as well.

 

it seems to me that shopify is going backward, I have always loved Shopify code editor but now I hate it.

 

 

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

Narendrajoshi
Shopify Partner
1 0 4

it was the worst experience for me in a new editor. there are so many bug issues I found. 

catholicconnect
Visitor
2 0 1

For me, both are best working the current one provides us more straightforward process. If you need to make significant changes to your theme code, you should consider using a local IDE like Visual Studio Code. When you edit your theme locally, you can use tools like Shopify CLI and Theme Check to make the development process more manageable.

Catholic donation centers provide assistance to millions of deprived people. Gift a hope. Please consider making a donation. Your gift in any amount or kind will make a difference.

bismuth_studio
Shopify Partner
5 0 7

THE OLD ONE WAS BETTER!!!!!! I NEED IT BACK!!!

I am so upset @ this change.😫

I am a daily user of their editor and I feel they just ruined my whole life with this update.

Sure it looks better, but they removed basic functionality that in my opinion makes the tool unusable for developers.

 

Here are some of the top reason:

A) The search function is harder to use and requires more clicks to find words

B) The editor no longer highlights opening and closing tags, so it's impossible to find where the tags start or end.

C) They remove the bold form liquid so now is harder to separate logic from HTML

D) They remove the code formatting assistance, before you could heiglight code and push shift and tab and the whole code will auto format and it was beautiful!!!!!

 

Friends is there anything we can do to try to bring some of these functionalities back!!!?????????

Please HELP us SHOPIFY!!!!!

 

rviparmar18
Shopify Partner
24 0 9

@bismuth_studio that's why I posted this question.

I am also not happy with this new editor.

- If code is long in single line then we need to go by moving curser, there is scroll bar but you need to go at bottom of the page,

- When code editor is open then we need to close editor to navigate to pages, products, apps etc...

- Editor reload automatically, if your cursor is top and you scrolling after few seconds, it will goes where your current cursor is.

And also many more thing need to improve in new editor.

 

 

Ravi Parmar

SeedGrow
Shopify Partner
13 0 3

I have to say I prefer the old one.

Although the new one presents a more spacious and concentrating editor, the opening tabs will disappear once the page is refreshed, leaving only the most recent tab. 

Creating an effective product showcase!
Vario - Variation Swatches

EXPO ‑ Extra Product Options

iDoThemes
Trailblazer
207 43 93

My chrome extension will address some of the issues like scrollbars/themes/code search, but the new editor is a bit buggy with things like code highlighting and doesn't remember which tabs were open which is a bit annoying.

 

I usually use a local editor to do theme work but sometimes it's nice to prototype/test things in the native browser editor so it's useful for it to be functional.  The A/B test went pretty quick and it looks like it's launched on all stores now.

Developer of Liquify Chrome Extension -- Enhance the Shopify Theme Code Editor
.




Theme Developer -- Drop me a line

Ric_Berryman
Tourist
6 0 3

The new code editor is total crap. WTH shopify?? It's the same as if I open the file in notepad!! TOTAL CRAP. No dark mode either which drives me crazy. When working for a while the code will suddenly disappear. Fantastic! Who would have thought hide and seek could be so aggravating. 

Armyk
Visitor
2 0 1

Can you tell me why they ruined it so much? I mean the old editor even had an auto refresh on save function and now i cant even put the code on full screen? I can't seem to grasp any logical  explanation to why would they do it. 

Spkz
Shopify Partner
1 0 4

Since the day they started experimenting with the new online code editor, my day-to-day work life has been completely ruined.

I assume they didn't optimize for Firefox, and since that's the browser I use for development, I can say, it's borderline unusable there. I can't say much about the Chrome experience, since I refuse to use it for development work. It shouldn't even be a matter of which browser you edit code in to begin with. But I digress, here are some "fun" stuff happening in the new editor that did not happen in the old one.

- The code editor leaks memory. One time I lost an hour of work, because it overloaded my system memory, and I couldn't save what I wrote before the tab crashed. I actually happened to have the control panel open with the performance tab being active, and I checked: after the browser tab crashed, my system memory consumption dropped by 12(!) gigabytes. You are pretty much better off writing your code in advance in a different editor like Notepad++ or something, and paste your code instead.

- The code lazy loading is ridiculously buggy. When you had the editor open for for some time and you are doing work, the lazy loading just stops functioning alltogether. What you can do, is you can click on lines, and once you do, the lazy loading wakes up all of the sudden, and starts loading the adjacent lines. You'd have to do this every 50-100 lines or so, to have the code readable and workable though. This effectively forces your to refresh your code editor every 15-20~ minutes-ish if you want to remain somewhat productive.

- In addition to the previous point, once you refresh the editor, you lose all the opened files, except for the one you were last editing.

- You cannot reorder the opened files at the top tabs. In the previous editor you could.

- The search is beyond unusable. To close it in FF, you have to be pixel perfect to hit the left side of the 'x' to close it, otherwise it is hidden below the scroll bar, so if you don't manage to close it, you just scroll in the code instead. For some unknown circumstances (I was not able to find a consistant way to reproduce this), but, if you switch tabs (files) or you use the search, sometimes you get a random "This page could not be loaded" error page, and you have to refresh the editor page twice to have it loaded again. Of course if this happens, if you had anything that you did not save prior to this error, you can say goodbye to that.

- Let's say you have multiple files open at a time, like three or more. There are cases (more often than not), that your cursor position doesn't get saved properly, ending up in you getting dropped to the top of the file once you check back on it. This is extremely annoying if you have bigger files to work in (which is not rare), and with the barely functioning search function, you also have a difficult time getting back to where you were previously. When the lazy loading issue kicks in, this experience becomes even more exponentially worse.

- I did not use the dark mode in the previous editor, as I found the syntax highlighting a bit awkward to work with due to the chosen colors, but that doesn't mean I wouldn't enjoy a dark theme. We have dark theme available in the dev docs, why don't we have it in the editor as well?

- ...And I'm pretty sure there's more, these were just the ones from the top of my head.

Fortunately, I'm not always forced to use the online code editor. the Shopify CLI for themes is a god blessed thing, and when I'm able to, I'll always resort in using the CLI instead of trying to struggle through my day in the new online code editor. You should be using it as well if you haven't yet. The problem arises, when I'm unable to choose the CLI over the online code editor, when it's a development store I have to work in, or when there are others working in different parts of a theme simultaneously. And sadly, this happens more often than not.

In summary, I'm relly not sure what went wrong and why did we need a complete replacement of a thing that was already working almost perfectly, with a thing that is barely functional. Like, these issues are such major oversights, I refuse to believe that the new editor has been tested throughoutly. Please, for the sake of everyone's sanity, do something, or at least let us use the old editor for the time being you address the bugs and issues.

Armyk
Visitor
2 0 1

Thanks for the shopify cli tip. I hate these half assed solutions from shopify. For example the packing slip generation is so crucial, yet the shopify implementation is so bad. It would be awesome if one could download a packing slip with an api