SearchSpring Template Example (MPS)

ajax-display.twig

<div class="category-product column medium-one-third small-half whole">
	<a href="{{ url }}" {{ intellisuggest }}>
		{% if product_flag == 'New and Sale' %}
			<span class="flag flag--new-and-sale">
		{% elseif product_flag != 'New and Sale' and product_flag != 'none' and product_flag != '' %}
			<span class="flag flag--{{ product_flag|lower}}">
		{% elseif 'ON SALE -' in facet_subhdb  or 'ON SALE -' in facet_subhda %}
			<span class="flag flag--sale">
		{% else %}
			<span class="flag">
		{% endif %}
			<img src="{{ thumbnailImageUrl|strip_http }}" onerror="this.onerror=null;this.src='//d1qhbfo7yqnkif.cloudfront.net/ajax_search/img/missing-image-75x75.gif';" />
		</span>
		<span class="breaker"></span>
		<div class="prod-info ubuntu">
			{% if facet_short %}
				<strong class="prod-name">{{ facet_short }}</strong>
			{% else %}
				<strong class="prod-name">{{ name|escape }}</strong>
			{% endif %}

			{% if facet_item %}
				<span class="prod-item{% if facet_manuf %}{% else %} inline-block{% endif %}">{{ facet_item }}</span>
			{% endif %}

			{% if facet_manuf %}
				<span class="prod-manufacturer">{{ facet_manuf }}</span>
			{% endif %}

			{% if facet_subhda %}
				{% if 'Available in many color combinations' in facet_subhda %}
					<div class="color-options-available sprites sprites-colors"></div>
				{% endif %}

				{% if 'ON SALE -' in facet_subhda %}
					<span class="prod-pricing">{{ facet_subhda|preg_replace('/ON SALE -/', '<span class="on-sale-price">') }}</span></span>
				{% elseif 'Available in many color combinations' in facet_subhda %}
					<span class="prod-pricing">{{ facet_subhda|preg_replace("/Available in many color combinations/", "") }}</span>
				{% else %}
					<span class="prod-pricing">{{ facet_subhda }}</span>
				{% endif %}
			{% endif %}

			{% if facet_subhdb %}
				{% if 'Available in many color combinations' in facet_subhdb %}
					<div class="color-options-available sprites sprites-colors"></div>
				{% endif %}

				{% if 'ON SALE -' in facet_subhdb %}
					<span class="prod-pricing">{{ facet_subhdb|preg_replace('/ON SALE -/', '<span class="on-sale-price">') }}</span></span>
				{% elseif 'Available in many color combinations' in facet_subhdb %}
					<span class="prod-pricing">{{ facet_subhdb|preg_replace("/Available in many color combinations/", "") }}</span>
				{% else %}
					<span class="prod-pricing">{{ facet_subhdb }}</span>
				{% endif %}
			{% endif %}
		</div>
	</a>
</div>