In other words, if you want to catch (and keep) a customer’s attention, stunning visuals are the way to go. In fact, small bits of text that are isolated from larger chunks are so enticing. Human beings are hardwired to connect with visuals, and our brains respond to them 60,000 times faster than they do to text. That’s why it needs to be easy to scan for crucial information. Most shoppers are looking for quick, easy, and scannable product pages. We live in a very fast-paced world, and unfortunately, some people might not have the time to read your entire page. Without this essential, even the hottest products will fail to sell.

Now that we are setup with our preferred editor, we can now use Theme Kit: a command line tool to automatically upload Shopify theme files.There are many steps to ecommerce success, from high quality products to a beautiful landing page, but one of the most important ingredients is a well designed product page. Once the plugins are installed, we can see that our file contents are highlighted correctly to give visual guidance to our code. You can always uninstall the extensions, don't feel like you are married to them. There are other plugins you can use that can be helpful to your development, the recommendations are here made by the Shopify team. There are two extensions you need to click install on are, Shopify Liquid Template Snippets and Liquid. If it doesn't come up for you, the fourth item down from the left icon sidebar menu, takes you the the extension marketplace and then search 'liquid'. Once open, click on your theme.liquid file and you should see a popup to install a helpful extension on the bottom right. Navigate to the 'Bare-Minimum-Shopify-Theme-by-Joe-Pichardo' folder from the previous tutorial to open it in the editor.

Once we download and install our editor, let's click 'Open folder.' link, under the 'Start' header. Plus, its FREE! Head over to Visual Studio Code and download the editor for your system. The quick setup and availability on Windows, Linux, and Mac makes this editor the best thing for you to use. With just downloading the Liquid integration plugin, we can get going with all the syntax and actions available to us. Visual Studio Code works well with Liquid files. I want to talk about the best editor for Shopify themes because the IDE (integrated development environment) software I'm recommending has Liquid file support.

Shopify html editor online