search.liquid

The search.liquid template is used to display the results of a storefront search.

search

To output search form, initialize the form tag. Within the form, include the following:

  • Input of type search with the name attribute q.
  • Input of type submit to submit the form.

Below is an example of a simple search form:

				
 <form action="/search" method="get" class="input-group search-bar" role="search"> 
 	<input type="search" name="q" value="{{ search.terms | escape }}"> 
 	<button type="submit" class="btn icon-fallback-text">{{ general.search.submit | t }}</button> 
 </form> 
				
			
icon-accounticon-add-newicon-add-storeicon-appicon-appleicon-archiveicon-arrowdownicon-ascicon-bookicon-cancelicon-cart-addonicon-checkouticon-cherryicon-collectionicon-comfirmicon-confirmicon-couponicon-creditsicon-currencyicon-dashboardicon-discounticon-disintegrateicon-domainicon-dscicon-duplicateicon-editicon-emailicon-exclamation-triangleicon-exporticon-eyeicon-eye-slashicon-fullscreenicon-fullscreen-closeicon-generalicon-gifticon-gridicon-hddicon-helpicon-importicon-infoicon-integrationicon-invoiceicon-likeicon-listicon-locationicon-logouticon-new-tabicon-not-secureicon-optionicon-ordericon-outline-arrowdownicon-pageicon-paymenticon-plusicon-posicon-pricingicon-printericon-producticon-product-sumicon-product-sum-xicon-redirecticon-reporticon-reseticon-searchicon-secureicon-settingicon-shippingicon-staricon-storeicon-switch-storeicon-tagicon-taxesicon-templateicon-themeicon-tickicon-trashicon-unarchiveicon-uploadicon-user-tagicon-usersicon-weighticon-wholesale