Order Confirmation images not populating

Highlighted
New Member
1 0 1

Hi there,

I'm VERY new to email coding and liquid variables. I'm having the worst time getting any dynamic product images and information (name, quantity, price) to show up in my template. Here's the code I have for that section. Any obvious mistakes? Or any suggestions? This is a Frankenstein of a designed template given to me and variables I found in our old template.

                        <tr>
                          <td valign="top" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                              <tbody>
                                <tr>
                                  <td height="1" style="height: 1px; font-size: 0px; line-height: 0px;" bgcolor="#cbc4c3"><img src="images/spacer.gif" width="1" height="1" alt="" style="display: block; border: 0px;" /></td>
                                </tr>
                                <tr>
                                  <td valign="top" align="center" style="padding-top: 25px; padding-bottom: 25px;"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                                      <tbody>
                                        <tr>
                                          <td valign="top" align="left" width="150" style="width: 150px;"><a target="_blank" style="text-decoration: none; color: #000000;"><img src="{{ line.product.images[4] | img_url: 'large' }}" width="150" height="150" alt="{{ line.title }}" style="display: block; border: 0px; max-width: 150px;" /></a></td>
                                          <td width="15" style="width: 15px;">&nbsp;</td>
                                          <td valign="top" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                                              <tbody>
                                                <tr>
                                                  <td height="15" style="height: 15px; font-size: 0px; line-height: 0px;">&nbsp;</td>
                                                </tr>
                                                <tr>
                                                  <td valign="top" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                                                      <tbody>
                                                        <tr>
                                                          <td valign="top" align="center" width="70%"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                                                              <tbody>
                                                                <tr>
                                                                  <td valign="top" align="left" style="font-family: 'Sofia Pro', Arial, Sans-serif; color: #0B163B; font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: 0.5px; padding-bottom: 6px;" class="em_defaultlink em_f18">{{ line.title }}</td>
                                                                </tr>
                                                                <tr>
                                                                  <td valign="top" align="left" style="font-family: 'Sofia Pro', Arial, Sans-serif; color: #0B163B; font-size: 18px; line-height: 24px; font-weight: 400; letter-spacing: 0.5px;" class="em_defaultlink em_f18">Qty: {{ line.quantity }}</td>
                                                                </tr>
                                                              </tbody>
                                                            </table></td>
                                                          <td width="15" style="width: 15px;">&nbsp;</td>
                                                          <td width="30%" valign="top" align="right" style="font-family: 'Sofia Pro', Arial, Sans-serif; color: #0B163B; font-size: 18px; line-height: 24px; font-weight: 400; letter-spacing: 0.5px;" class="em_defaultlink em_f18">{{ line.price | money }}</td>
                                                        </tr>
                                                      </tbody>
                                                    </table></td>
                                                </tr>
                                              </tbody>
                                            </table></td>
                                        </tr>
                                      </tbody>
                                    </table></td>
                                </tr>
                              </tbody>
                            </table></td>
                        </tr>

 

Thanks!

 

 

Highlighted
Shopify Partner
9447 1188 3316

@ksimm 

Welcome to the Shopify community!
and Thanks for your Good question.

can you please use default first after you have change 1 by 1

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes