Skip to content

Instantly share code, notes, and snippets.

@nntoan

nntoan/algoliasearch.html

Created September 23, 2017 12:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nntoan/176a3db1c2bffe2d7d88650873a2e382 to your computer and use it in GitHub Desktop.
Save nntoan/176a3db1c2bffe2d7d88650873a2e382 to your computer and use it in GitHub Desktop.
Download ZIP
algoliasearch_template
Raw
algoliasearch.html
<div id="algolia-autocomplete-container" style="position: relative;"><span class="aa-dropdown-menu aa-with-1 aa-with-0 aa-with-products" role="listbox" id="algolia-autocomplete-listbox-0" style="position: absolute; top: 50px; left: auto; z-index: 100; display: block; right: 205px;">
<div class="autocomplete-wrapper">
<div class="col9">
<div class="aa-dataset-products" style="min-height: 443px;"><span class="aa-suggestions" style="display: block;"><div class="aa-suggestion" role="option" id="option-33252661">
<a class="algoliasearch-autocomplete-hit" href="http://inessence-local.balancenet.com.au/stress-essential-oil-blend-25ml" style="white-space: normal;">
<div class="thumb"><img src="//heritage-local.balancenet.com.au/pub/static/version1506161882/frontend/Inessence/base/en_AU/Magento_Catalog/images/product/placeholder/.jpg"></div>
<div class="info">
Stress <em>Ess</em>ential Oil Blend 25mL
<div class="algoliasearch-autocomplete-category">
in Wellness solutions, <em>Ess</em>ential Oil
</div>
<div class="algoliasearch-autocomplete-price">
<span class="after_special ">
$11.00 - $33.00
</span>
</div>
</div>
</a>
</div><div class="aa-suggestion" role="option" id="option-18420640">
<a class="algoliasearch-autocomplete-hit" href="http://inessence-local.balancenet.com.au/headache-essential-oil-blend-25ml" style="white-space: normal;">
<div class="thumb"><img src="//heritage-local.balancenet.com.au/pub/static/version1506081893/frontend/Inessence/base/en_AU/Magento_Catalog/images/product/placeholder/.jpg"></div>
<div class="info">
Headache <em>Ess</em>ential Oil Blend 25mL
<div class="algoliasearch-autocomplete-category">
in Wellness solutions
</div>
<div class="algoliasearch-autocomplete-price">
<span class="after_special ">
$29.95
</span>
</div>
</div>
</a>
</div><div class="aa-suggestion" role="option" id="option-22303833">
<a class="algoliasearch-autocomplete-hit" href="http://inessence-local.balancenet.com.au/balance-essential-oil-blend-25ml" style="white-space: normal;">
<div class="thumb"><img src="http://inessence-local.balancenet.com.au/media/catalog/product/placeholder/"></div>
<div class="info">
Balance <em>Ess</em>ential Oil Blend 25mL
<div class="algoliasearch-autocomplete-category">
</div>
<div class="algoliasearch-autocomplete-price">
<span class="after_special ">
</span>
</div>
</div>
</a>
</div><div class="aa-suggestion" role="option" id="option-77624318">
<a class="algoliasearch-autocomplete-hit" href="http://inessence-local.balancenet.com.au/sleep-essential-oil-blend-25ml" style="white-space: normal;">
<div class="thumb"><img src="//heritage-local.balancenet.com.au/pub/static/version1506166922/frontend/Inessence/base/en_AU/Magento_Catalog/images/product/placeholder/.jpg"></div>
<div class="info">
Sleep <em>Ess</em>ential Oil Blend 25mL
<div class="algoliasearch-autocomplete-category">
in Wellness solutions, Sleep, <em>Ess</em>ential Oil, Single <em>Ess</em>ential Oils
</div>
<div class="algoliasearch-autocomplete-price">
<span class="after_special promotion">
$25.00
</span>
<span class="before_special">
$29.95
</span>
</div>
</div>
</a>
</div><div class="aa-suggestion" role="option" id="option-18392466">
<a class="algoliasearch-autocomplete-hit" href="http://inessence-local.balancenet.com.au/hayfever-essential-oil-blend-25ml" style="white-space: normal;">
<div class="thumb"><img src="http://inessence-local.balancenet.com.au/media/catalog/product/placeholder/"></div>
<div class="info">
Hayfever <em>Ess</em>ential Oil Blend 25mL
<div class="algoliasearch-autocomplete-category">
</div>
<div class="algoliasearch-autocomplete-price">
<span class="after_special ">
</span>
</div>
</div>
</a>
</div><div class="aa-suggestion" role="option" id="option-4071350">
<a class="algoliasearch-autocomplete-hit" href="http://inessence-local.balancenet.com.au/breathe-essential-oil-blend-25ml" style="white-space: normal;">
<div class="thumb"><img src="http://inessence-local.balancenet.com.au/media/catalog/product/placeholder/"></div>
<div class="info">
Breathe <em>Ess</em>ential Oil Blend 25mL
<div class="algoliasearch-autocomplete-category">
</div>
<div class="algoliasearch-autocomplete-price">
<span class="after_special ">
</span>
</div>
</div>
</a>
</div></span><div id="autocomplete-products-footer">See products in <span><a href="http://inessence-local.balancenet.com.au/catalogsearch/result/?q=ess">All departments</a></span> (71) or in <span><a href="http://inessence-local.balancenet.com.au/catalogsearch/result/?q=ess#q=ess&amp;hFR[categories.level0][0]=Collections&amp;idx=inessence_inessence_products">Collections</a></span>, <span><a href="http://inessence-local.balancenet.com.au/catalogsearch/result/?q=ess#q=ess&amp;hFR[categories.level0][0]=Lip%20Tools&amp;idx=inessence_inessence_products">Lip Tools</a></span></div></div>
</div>
<div class="col3">
<div class="other-sections" style="min-height: 0px;">
<div class="aa-dataset-suggestions"></div>
<div class="aa-dataset-0"><div class="category">Categories</div><span class="aa-suggestions" style="display: block;"><div class="aa-suggestion" role="option" id="option-77226366">
<a class="algoliasearch-autocomplete-hit" href="http://inessence-local.balancenet.com.au/discover-in-essence" style="white-space: normal;">
<div class="info-without-thumb">
Discover in <em>ess</em>ence
<small>(5)</small>
</div>
<div class="algolia-clearfix"></div>
</a>
</div><div class="aa-suggestion" role="option" id="option-54221816">
<a class="algoliasearch-autocomplete-hit" href="http://inessence-local.balancenet.com.au/our-range/essential-oils/essential-oil-blends" style="white-space: normal;">
<div class="info-without-thumb">
Our Range / <em>Ess</em>ential Oils / <em>Ess</em>ential Oil Blends
<small>(8)</small>
</div>
<div class="algolia-clearfix"></div>
</a>
</div></span></div>
<div class="aa-dataset-1"><div class="category">Pages</div><span class="aa-suggestions" style="display: block;"><div class="aa-suggestion" role="option" id="option-37226609">
<a class="algoliasearch-autocomplete-hit" href="http://inessence-local.balancenet.com.au/product-advice-2" style="white-space: normal;">
<div class="info-without-thumb">
Product advice 2
<div class="details">
<em>Ess</em>ential Oils are powerful Natural Cold &amp; Flu …
</div>
</div>
<div class="algolia-clearfix"></div>
</a>
</div><div class="aa-suggestion" role="option" id="option-37168174">
<a class="algoliasearch-autocomplete-hit" href="http://inessence-local.balancenet.com.au/product-advice-1" style="white-space: normal;">
<div class="info-without-thumb">
Product advice 1
<div class="details">
How to use <em>Ess</em>ential Oils <em>Ess</em>ential Oils …
</div>
</div>
<div class="algolia-clearfix"></div>
</a>
</div></span></div>
<div class="aa-dataset-2"></div>
<div class="aa-dataset-3"></div>
<div class="aa-dataset-4"></div>
<div class="aa-dataset-5"></div>
<div class="aa-dataset-6"></div>
<div class="aa-dataset-7"></div>
<div class="aa-dataset-8"></div>
<div class="aa-dataset-9"></div>
</div>
</div>
</div>
</span></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment