Views: 5,789
New Zenner
Any idea how to remove/replace zencart logo from the paypal/zencart order confirmation email that goes to a custormer?
Here's a screenshot:
Totally Zenned
Click on the Tutorials/FAQ tab above - you'll find the answer.
Tina
New Zenner
Thank you.
Here's the link to the tutorial: https://www.zen-cart.com/tutorials/index.php?article=112
New Zenner
Sorry, one more question. How do we customize the colors of the "order confirmation" email (see screenshot)? This new html email is being sent out after we installed PayPal.
thanks
Sensei
You can edit the email template and change the styles to whatever you like. You'll see the templates in the /email folder of your site.
.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole
Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.
New Zenner
Yes, I did look in the email folder and at this particular file: email_template_order_status.html but it shows the following code and I'm not sure where to make the changes. Css styles do not reflect the color that appear in the email:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=$CHARSET" />
<base href="$BASE_HREF" />
<style type="text/css">
body {background-color:#ffffff; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
a:link {color:#0066cc;}
a:hover {background-color:#eeeecc; color:#0066cc;}
a:visited {color:#0066cc;}
.holder {background-color:#f9f9f9; border:1px solid #9a9a9a; font-size:9px; text-align:left; width:550px;}
.header {font-size:10px; padding:0px; width:550px;}
.content {font-size:10px; padding:5px; width:550px;}
.footer {border-top:1px solid #9a9a9a; font-size:9px; margin-top:10px; text-align:center; width:550px;}
.disclaimer {background-color:#f9f9f9; border:1px solid #cccccc; font-size:10px; margin-top:10px; padding:5px; width:550px;}
.disclaimer1 {color:#666666; padding:5px;}
.disclaimer1 a:link {color:#666666;}
.disclaimer1 a:visited {color:#666666;}
.disclaimer2 {color:#666666; padding:5px;}
.copyright {border-bottom:0px solid #9a9a9a; padding:5px;}
</style>
</head>
<body>
<div class="holder">
<!-- Header Section -->
<div class="header">
<img src="email/header.jpg" alt="logo" />
</div>
<!-- Content Section -->
<div class="content">
<div>Dear $EMAIL_CUSTOMERS_NAME,</div>
<div>$EMAIL_STORE_NAME</div>
<div>$EMAIL_TEXT_ORDER_NUMBER</div>
<div>$EMAIL_TEXT_INVOICE_URL</div>
<div>$EMAIL_TEXT_DATE_ORDERED</div>
<div>$EMAIL_TEXT_STATUS_COMMENTS</div>
<div>$EMAIL_TEXT_STATUS_UPDATED</div>
<div>$EMAIL_TEXT_STATUS_LABEL</div>
<div>$EMAIL_TEXT_STATUS_PLEASE_REPLY</div>
</div>
<!-- Footer Section -->
<div class="footer">
<div class="copyright">$EMAIL_FOOTER_COPYRIGHT</div>
</div>
</div>
<div class="disclaimer">
<div class="disclaimer1">$EMAIL_DISCLAIMER</div>
<div class="disclaimer2">$EMAIL_SPAM_DISCLAIMER</div>
</div>
</body>
</html>
Sensei
Zaki:
Css styles do not reflect the color that appear in the email
I don't know what you're talking about.
The colors mentioned in the CSS styles in the email template file that builds the email are exactly what's rendering the colors you see in your emails.
.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole
Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.
New Zenner
DrByte,
Thanks for your response. The two colors - olive and pink - in the image above are not in the stylesheet. Just want to know how those color are being applied.
Thanks.
Sensei
You're looking at the wrong template file.
email_template_order_status.html is for Order Status updates.
email_template_checkout.html is for emails sent during Checkout, such as product line-items, etc.
.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole
Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.
New Zenner
You're right. I was looking at the wrong file. Thanks a lot for your help.
New Zenner
Zaki:
Thank you.
Here's the link to the tutorial: https://www.zen-cart.com/tutorials/index.php?article=112
Your link is very helpful for finding the problem, but I cannot find the folder....to make the changes.
In the /email folder, you have a file called "header.jpg".
Simply change the contents of this file in order to reflect the new logo in the HTML emails you send.
Thanks so much!
Donna
***Millers Grain House***
Totally Zenned
millersgrainhouse:
Your link is very helpful for finding the problem, but I cannot find the folder....to make the changes.
Where ever you uploaded zen cart on your server, find the file email. Open that file and find the header.jpg and replace it with your own logo but name it the same thing header.jpg when you upload yours.
Is your site Upgraded to the current version 1.5.4 Yet?
zencart-upgrades-website-installation
Tell staff why this post should be reviewed.