Hi I’m totally new to Shopify and I’m having trouble grasping some basic stuff. So I have a client with an existing store and I was asked to design a landing page. I did all the html and css in vscode before I really took a look at Shopify and I want to know what the best way to create the page using the code I’ve already written would be. So far it looks like I have to create a custom template and then manually edit the JSON file but I have no idea how to work with JSON / how to link custom styles to that file. Can I create a template using Liquid and then refer ONLY that template to a custom styles sheet? I don’t want to update the stores theme file before I know that this is all going to work / I’m wary of any kind of accidental overlap of tags and classes.
To create a landing page in shopify which you already did in an editor, just follow these steps:
Create a file in assets with “custom.css” name
Include this file in “theme.liquid” file under templates like this : {{ ‘custom.css’ | asset_url | stylesheet_tag }}
In this file add your css style which you already did.
Create a template with name “landing.liquid” under templates(screenshot attached).
Now create a page with name “Home” (or you can take any name which you want) and select template “landing” from bottom right under “Theme template” (screenshot attached).
In this “landing.liquid” file add your html code.
add all assets under “assets” on by one and give path in html for images like this : {{ ‘logo.png’ | asset_img_url: ‘’ }}
