HELP!
I need to add this Logic-Less into my responsive css email.
It shows up as text and I believe it should be hidden. I'm so confused. These are stumping me
{{#product_1.image_available}} I get that they are if ] [ then statements but I don't understand where they go in my table?
Thanks
<!-- ////// BEGIN Product ///// -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#ffffff">
<tr>
<td align="center" style="padding:10px 20px 10px 20px; border: solid 2px #08cdef;">
<!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" width="540" dir="ltr"><tr><td align="left" valign="middle" dir="ltr" width="367"><![endif]-->
<table width="360" height="120px" align="left" class="stackTbl" cellpadding="0" cellspacing="0" border="0" style="display:inline;">
<tr>
<td align="left" valign="middle" class="">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle" style="padding:0px 0px 0px 0px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="120px" width="360" align="center" valign="middle" class="Montserrat" style="text-transform: UPPERCASE; font-weight: 600; font-size: 18px; font-family:'Montserrat', Arial, Helvetica, sans-serif; color: #54565a; text-align: center;">{{Product name}}</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if gte mso 9]></td><td width="120"><![endif]-->
<table width="160" align="left" class="stackTbl" cellpadding="0" cellspacing="0" border="0" style="display:inline">
<tr>
<!-- Image -->
<td align="center" valign="top" style="padding: 0px 0px 0px 0px;">
{{#product_1.image_available}} <table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td align="center" valign="top" style="padding: 0px 0px 0px 0px;" class="topPadding20">
<a href="{{product.write_review_link}}" target="_blank">
<img border="0" src="{{product.image}}" height="120px" width="120px" alt="PRODUCT IMAGE" style="display:block" class="fullWidthImg2"></a>
{{/product.image_available}}
</td>
</tr>
</table>
<!-- end Image --> </td>
</tr>
</table>
<!-- ****************** START BUTTON ***************** -->
<!--////////// Begin Button //////////-->
<table border="0" cellpadding="0,0,0,0" cellspacing="0" style="margin:0; padding:0;" width="100%" height="40px">
<tr>
<td>
<table border="0" align="center" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr>
<td align="center" style="padding:10px 0px 20px 0px;">
<table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr>
<td bgcolor="#08cdef" align="center" height="30" width="150" style="background-color:#08cdef !important; border: 2px solid #08cdef;">
<a href="{{product.write_review_link}}" target="_blank" class="montserrat" style="padding: 12px; width:150px; display: block; text-decoration: none; text-align: center; font-weight:bold; font-size: 14px; font-family:'Montserrat', Arial, Helvetica, sans-serif; color: #ffffff; line-height:18px; letter-spacing:1px;">
WRITE A REVIEW
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr></table>
<!-- ************ END BUTTON ***************** -->
<!-- ////// BEGIN Product 2 ///// -->
<!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" width="540" dir="ltr"><tr><td align="left" valign="middle" dir="ltr" width="367"><![endif]-->
<table width="360" height="120px" align="left" class="stackTbl" cellpadding="0" cellspacing="0" border="0" style="display:inline;">
<tr>
<td align="left" valign="middle" class="">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle" style="padding:0px 0px 0px 0px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="120px" width="360" align="center" valign="middle" class="Montserrat" style="text-transform: UPPERCASE; font-weight: 600; font-size: 18px; font-family:'Montserrat', Arial, Helvetica, sans-serif; color: #54565a; text-align: center;">{{Product name}}</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if gte mso 9]></td><td width="120"><![endif]-->
<table width="160" align="left" class="stackTbl" cellpadding="0" cellspacing="0" border="0" style="display:inline">
<tr>
<!-- Image -->
<td align="center" valign="top" style="padding: 0px 0px 0px 0px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td align="center" valign="top" style="padding: 0px 0px 0px 0px;" class="topPadding20">
{{#products.2_thru_N}}<a href="{{product.write_review_link}}" target="_blank">
<img border="0" src="{{product_2.image}}" height="120px" width="120px" alt="Product" style="display:block" class="fullWidthImg2"></a>{{#has_next_product}}<br />{{/has_next_product}}
{{/products.more_than_1}}
</td>
</tr>
</table>
<!-- end Image -->
</td>
</tr>
</table>
<!-- ****************** START BUTTON ***************** -->
<!--////////// Begin Button //////////-->
<table border="0" cellpadding="0,0,0,0" cellspacing="0" style="margin:0; padding:0;" width="100%" height="40px">
<tr>
<td>
<table border="0" align="center" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr>
<td align="center" style="padding:10px 0px 20px 0px;">
<table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr>
<td bgcolor="#08cdef" align="center" height="30" width="150" style="background-color:#08cdef !important; border: 2px solid #08cdef;">
<a href="{{product.write_review_link}}" target="_blank" class="montserrat" style="padding: 12px; width:150px; display: block; text-decoration: none; text-align: center; font-weight:bold; font-size: 14px; font-family:'Montserrat', Arial, Helvetica, sans-serif; color: #ffffff; line-height:18px; letter-spacing:1px;">
WRITE A REVIEW
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr></table>
<!-- ************ END BUTTON ***************** -->
<!--[if gte mso 9]></td></tr></table><![endif]-->
</td>
</tr>
</table>
<!-- //////// END Product 2 //////// -->