Hi everyone thank you for your input in advance.
I’ve just added a custom liquid to my store with the code below. Everything is working on the back end theme editor but once i save it nothing is showing up on my webpage.
https://aiwa-int.com.au/pages/warranty
Search Retailer Contact
.center {
text-align: center;
margin: auto;
width: 50%;
padding: 10px;
}
#retailerInput {
width: 100%;
padding: 10px;
border-radius: 20px;
border: 1px solid #ccc;
margin-bottom: 10px;
font-size: 16px;
}
#searchBtn {
padding: 10px 20px;
border: none;
background-color: #C8102E;
color: white;
border-radius: 20px;
font-size: 16px;
cursor: pointer;
}
Search for Retailer Contact
Search
Despite this code being not 100% right, I was able to save it and show on my test site.
On your site I see no sections rather then default page section, so you must be saving somewhere else (wrong template, market?).
Also, rather than creating new template and adding Custom liquid section you should be able to paste your HTML code into page content field of your page after clickng the <> button.
And when I say not 100% right I mean that your page already has html and head and body tags, so outputting them is wrong (though browser ususally would be able to ignore it). And there is already a rule for center class.
The code needs to be like this:
## Search for Retailer Contact