brriana

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 //////// -->