{"id":1931,"date":"2018-09-10T09:09:13","date_gmt":"2018-09-10T13:09:13","guid":{"rendered":"http:\/\/www.thatsoftwareguy.com\/blog\/?p=1931"},"modified":"2018-09-10T09:09:13","modified_gmt":"2018-09-10T13:09:13","slug":"how-to-style-the-extra_info-block-in-zen-cart-html-emails","status":"publish","type":"post","link":"https:\/\/www.thatsoftwareguy.com\/blog\/2018\/09\/10\/how-to-style-the-extra_info-block-in-zen-cart-html-emails\/","title":{"rendered":"How to style the EXTRA_INFO block in Zen Cart HTML emails"},"content":{"rendered":"<p>By default, if you look at the HTML emails sent by Zen Cart, the <code>$EXTRA_INFO<\/code> block is unstyled.\u00a0 \u00a0So it doesn&#8217;t fit in with the rest of the content, which is styled.<\/p>\n<p>Fixing this problem easy.\u00a0 Just modify the templates that use this variable <code>(email\/*.html)<\/code> and change<\/p>\n<pre>$EXTRA_INFO<\/pre>\n<p>to<\/p>\n<pre>&lt;div class=\"xextra-info\"&gt;\r\n$EXTRA_INFO\r\n&lt;\/div&gt;<\/pre>\n<p>Then instead of this:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1933 size-large\" src=\"http:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2018\/09\/ee_broken-1024x109.png\" alt=\"EXTRA_INFO fixed in Zen Cart HTML email template\" width=\"660\" height=\"70\" srcset=\"https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2018\/09\/ee_broken-1024x109.png 1024w, https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2018\/09\/ee_broken-300x32.png 300w, https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2018\/09\/ee_broken-768x82.png 768w, https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2018\/09\/ee_broken.png 1896w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><br \/>\nyou will see this:<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1934 size-large\" src=\"http:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2018\/09\/ee_fixed-1024x208.png\" alt=\"EXTRA_INFO fixed in Zen Cart HTML email template\" width=\"660\" height=\"134\" srcset=\"https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2018\/09\/ee_fixed-1024x208.png 1024w, https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2018\/09\/ee_fixed-300x61.png 300w, https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2018\/09\/ee_fixed-768x156.png 768w, https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2018\/09\/ee_fixed.png 1204w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/p>\n<p>If you want to see a complete execution of this change, you can look at my <a href=\"https:\/\/github.com\/zencart\/zencart\/pull\/1758\" target=\"_blank\" rel=\"noopener\">Zen Cart 1.5.6 Pull Request<\/a> to fix this issue.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By default, if you look at the HTML emails sent by Zen Cart, the $EXTRA_INFO block is unstyled.\u00a0 \u00a0So it doesn&#8217;t fit in with the rest of the content, which is styled. Fixing this problem easy.\u00a0 Just modify the templates that use this variable (email\/*.html) and change $EXTRA_INFO to &lt;div class=&#8221;xextra-info&#8221;&gt; $EXTRA_INFO &lt;\/div&gt; Then instead &hellip; <a href=\"https:\/\/www.thatsoftwareguy.com\/blog\/2018\/09\/10\/how-to-style-the-extra_info-block-in-zen-cart-html-emails\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">How to style the EXTRA_INFO block in Zen Cart HTML emails<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,58,78],"tags":[],"class_list":["post-1931","post","type-post","status-publish","format-standard","hentry","category-email","category-that-software-guy","category-zen-cart"],"_links":{"self":[{"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/posts\/1931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/comments?post=1931"}],"version-history":[{"count":3,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/posts\/1931\/revisions"}],"predecessor-version":[{"id":1936,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/posts\/1931\/revisions\/1936"}],"wp:attachment":[{"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/media?parent=1931"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/categories?post=1931"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/tags?post=1931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}