Languages Features Creators CSV Resources Challenges Add Language
GitHub icon


Liquid - Template language

< >

Liquid is a template language created in 2008 by Tobias Lütke.

#105on PLDB 15Years Old 13.6kUsers
2Books 15Papers 11kRepos
\n`, language: 'liquid', minimap: { enabled: false }, scrollbar: { vertical:"hidden", horizontal: "hidden", handleMouseWheel:false, }, overviewRulerLanes: 0, hideCursorInOverviewRuler: true, overviewRulerBorder: false, wordWrap: 'on', //lineNumbers: 'off', glyphMargin: false, folding: false, // Undocumented see lineDecorationsWidth: 10, lineNumbersMinChars: 2 }); });

Liquid markup language. Safe, customer facing template language for flexible web apps.

Example from Linguist:
<h3>We have wonderful products!</h3> <ul id="products"> <div id="productpage"> <div id="productimages"><div id="productimages-top"><div id="productimages-bottom"> {% for image in product.images %} {% if forloop.first %} <a href="{{ image | product_img_url: 'large' }}" class="productimage" rel="lightbox"> <img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title | escape }}" /> </a> {% else %} <a href="{{ image | product_img_url: 'large' }}" class="productimage-small" rel="lightbox"> <img src="{{ image | product_img_url: 'small'}}" alt="{{product.title | escape }}" /> </a> {% endif %} {% endfor %} </div></div></div> <h2>{{ product.title }}</h2> <ul id="details" class="hlist"> <li>Vendor: {{ product.vendor | link_to_vendor }}</li> <li>Type: {{ product.type | link_to_type }}</li> </ul> <small>{{ product.price_min | money }}{% if product.price_varies %} - {{ product.price_max | money }}{% endif %}</small> <div id="variant-add"> <form action="/cart/add" method="post"> <select id="variant-select" name="id" class="product-info-options"> {% for variant in product.variants %} <option value="{{ }}">{{ variant.title }} - {{ variant.price | money }}</option> {% endfor %} </select> <div id="price-field" class="price"></div> <div style="text-align:center;"><input type="image" name="add" value="Add to Cart" id="add" src="{{ 'addtocart.gif' | asset_url }}" /></div> </form> </div> <div class="description textile"> {{ product.description }} </div> </div> <script type="text/javascript"> <!-- // prototype callback for multi variants dropdown selector var selectCallback = function(variant, selector) { if (variant && variant.available == true) { // selected a valid variant $('add').removeClassName('disabled'); // remove unavailable class from add-to-cart button $('add').disabled = false; // reenable add-to-cart button $('price-field').innerHTML = Shopify.formatMoney(variant.price, "{{shop.money_with_currency_format}}"); // update price field } else { // variant doesn't exist $('add').addClassName('disabled'); // set add-to-cart button to unavailable class $('add').disabled = true; // disable add-to-cart button $('price-field').innerHTML = (variant) ? "Sold Out" : "Unavailable"; // update price-field message } }; // initialize multi selector for product Event.observe(document, 'dom:loaded', function() { new Shopify.OptionSelectors("variant-select", { product: {{ product | json }}, onVariantSelected: selectCallback }); }); --> </script> </ul>

Language features

Feature Supported Token Example
Booleans true false

Books about Liquid from ISBNdb

title authors year publisher
Create Web Animations With Microsoft Liquid Motion In A Weekend Steven E. Callihan 1998 Premier Pr
High-Temperature Liquid Chromatography Thorsten Teutenberg 20100603 Ingram Publisher Services UK- Academic

Publications about Liquid from Semantic Scholar

title authors year citations influentialCitations
Liquid Metal: Object-Oriented Programming Across the Hardware/Software Boundary Shan Shan Huang and Amir Hormati and D. Bacon and R. Rabbah 2008 105 8
A retention-time-shift-tolerant background subtraction and noise reduction algorithm (BgS-NoRA) for extraction of drug metabolites in liquid chromatography/mass spectrometry data from biological matrices. P. Zhu and Wei Ding and W. Tong and A. Ghosal and K. Alton and S. Chowdhury 2009 65 1
Simultaneous Multiwavelength Detection System for Liquid Chromatography L. Klatt 1979 26 0
Gibbs energy minimization in gas + liquid + solid systems D. Ebel and M. Ghiorso and R. Sack and L. Grossman 2000 21 0
SCORES-II Design Tool for Liquid Rocket Engine Analysis J. Bradford and A. Crocker 2002 17 0
Seismic Response of Elevated Liquid Storage Tanks Using Double Concave Friction Pendulum Bearings with Tri-Linear Behavior M. Rabiei and F. Khoshnoudian 2013 9 0
Simulation, design and practical implementation of IMC tuned digital PID controller for liquid level control system Sandip A. Mehta and Jatin Katrodiya and Bhargav Mankad 2011 7 0
Dynamic response of the U-tube liquid manometer with equal diameter columns D. Zahariea 2010 6 0
Performance of A Convolutional Neural Network in Screening Liquid Based Cervical Cytology Smears Parikshit Sanyal and Sanghita Barui and P. Deb and Harish Chander Sharma 2019 5 0
The Liquid Metal Blokus Duo Design E. Altman and J. Auerbach and D. Bacon and Ioana Baldini and P. Cheng and Stephen J. Fink and R. Rabbah 2013 3 0
Design of Fuzzy Control System for Tank Liquid Level Based on WinCC and Matlab Zhu Jianjun 2014 3 0
Research on three-dimensional modeling of liquid storage tank Jin Han and Jing Wei and Zhi-hua Zhang and Xiaoyuan Dong 2012 1 0
Development of Simulator for LNG Carrier Liquid Cargo Handling J. Cao and X. K. Zhang and Q. He 2015 1 0
Simulation of Liquid Vapor Equilibrium in Batch Distillation Process from Cellulose (Bamboo) Sari Ni Ketut and D. Ernawati 2018 1 0
spss.html · liquid.html · literate-coffeescript.html

View source

- Build the next great programming language · Search · Day 214 · About · Blog · Acknowledgements · Traffic · Traffic Today · GitHub ·