Learning Liquid from scratch

16 0 1

Hi Dear ,


I want some to guide to get the right resources to learn more about the following :

1- HTML used in Shopify ( With references )

2- CSS used in Shopify ( With references )

3- Java Script used in Shopify ( With references )

4- detailed resource for shopify liquid and the relationship with used JS , CSS and HTML

5- list of commands used and accepted in Shopify liquid

6- where to write scripts  :

- liquid

- css

- html

- JS


Shopify Partner
273 22 45

Hey There.

HTML, CSS, and Javascript.  I would suggest just learning it in general.  No difference between general Code and Shopify. Once you get the basics down, you can look into JQuery, Ajax, React, and SASS to start doing the advanced stuff.

HTML I would check out this Cheat Sheet I use Daily: https://www.shopify.ca/partners/shopify-cheat-sheet

This Document on Building Sections: https://help.shopify.com/en/themes/development/theme-editor/settings-schema


Here is a Document on how to get to the code to edit: https://help.shopify.com/en/manual/using-themes/change-the-layout/theme-code


This is a Great course, but I would wait till it goes on Sale.  Its expensive right now (generally every few months): https://www.udemy.com/the-complete-web-developer-course-2/  - It covers the basics of everything you need plus MUCH MUCH MORE.


For learning Liquid, I actually did not try writing any.  I started by trying to change things that already exist.  Edit image sizes, Adding stuff to sections that already exist, etc.


Best Regards,


Isle of Misfit Code and Development

Best Regards,
Isle of misfit code & development

Hi @tariq_abulaila, I made a video tutorial for you on how to configuring shopify theme. Hope this helps! https://www.askquesty.com/shopify-answers/configuring-theme-shopify-tutorial

In my opinion, you should learn HTML and CSS in general.

There are some great free resources out there (i recommend youtube) that can help you get started as a beginner.

Also if you opt to spend some money,checkout udemy for courses regarding web dev.


37 5 9

My two cents, look at existing, working themes and go backwards. The Debut theme is a completely functional store with all of the logic you'll need for a Shopify theme: https://themes.shopify.com/themes/debut/styles/default

I do agree with everyone else here in that learning to code any given website is going to give you the same skills you need for Shopify, but for Liquid specifically, I'd be taking a look at any themes you can find. Some of them jump through some really elaborate hoops, and figuring out what they're doing and how is a great way to discover how Liquid works.

New Member
4 0 0

I think that school should be autonomous. The US government prohibits the use of certain sources of information. I think that all information should be available. For example, I like to use such stressays. This is a good example of legal work in the educational niche. Essay writing is a popular topic for students from all over the world.

New Member
4 0 0


New Member
1 0 0

When you are a graduate school, you have a lot of papers to prepare. And it is a such big problem because there is not always enough free time for that kind of boring action. Unless you have no friends or personal life, https://www.essayedge.com/graduate-essay-editing/ can give you a chance to spend more time on your own while they polish all the necessary stuff in your package of admission papers.

New Member
4 0 0

Thank you for these resources!