Jump to content

Web Designer

brriana

By brriana
in CSS

 Share

Recommended Posts

brriana Newbie

brriana

Posted
Posted

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...