Converting HTML, CSS, JS to shopify theme

Converting HTML, CSS, JS to shopify theme

cedrichadjian
Excursionist
27 0 3

Hi all, I have a project that has no back-end, only front-end HTML, CSS, JS files. I use node.js(express) to create websites and I've worked on a client's already made shopify website(so I don't much have experience). Can anyone guide me on how I could integrate it to shopify? Or any link? Should I just start a new project in shopify, change my html files to liquid, drop them in the folders along with HTML/JS and then replace the server tags? I'm kinda confused on how the process is done. Thank you.

Replies 2 (2)

Paul_West
Shopify Partner
253 9 69

Liquid code is a marked-up version of html so you can put the html straight into the liquid template files. There's one file per 'type' of page e.g. products, collections, index etc.

 

You can either embed your js in those pages or as an 'asset' file. Same with css.

-Malek
Shopify Partner
6 0 6

I tried copying the code of the HTML file inside the Liquid file but I faced many problems like: SVG causes error, img tag should have width and height, and even more problems I could not find a solution for it

 it doesnt even show error in console

Does anyone faced the same problem and find a way to solve this?

 

Thank you in advance