<ul class="grid grid--uniform sameheight">
    {{#each products as |product|}}
	    <li class="
	    	{{#if product.custom_fields }}
		    	{{#each product.custom_fields as |product_field| }}
			    	{{#if product_field.name '==' 'category_preview' }}
			    		{{#if product_field.value '==' 'wide' }}
		           			grid__item small--one-whole medium-up--one-half half-grid
		           		{{/if}}
		         	{{/if}}
		        {{/each}}
		    {{else}}
           		grid__item small--one-half medium-up--one-quarter
         	{{/if}}
	    ">
	        {{>components/products/card-custom settings=../settings show_compare=../show_compare show_rating=../settings.show_product_rating theme_settings=../theme_settings customer=../customer event=../event position=(add @index 1)}}
	    </li>
    {{/each}}
</ul>