Jump to content

Email Logo Trouble.


Nik Grey

Recommended Posts

I have read all of the threads here about this but still no luck.

 

I have uploaded my Logo's - One for the Mobile site (and made sure it is assigned to the mobile site) - One for main site, assigned again (In Store Settings under Logos), one for emails - I had a .PNG at first but then tried a .gif with no luck.

 

I edited the Default Newsletter (which I cant turn on) and the 'Default Emails' which IS on.

 

If I add the {$DATA.logoURL} I get the full url displayed in the email - if I 'Browse Server' and add the image that way (and make sure the path is displayed in the properties - actually it's images/source/etc) I just get the broken Image box displayed in the email (With a question Mark in the center).

 

When the image url is displayed in the email (after using the {$DATA.logoURL} macro) it IS the full path to the image with my domain - click it and it takes you to the image on my server.

 

I took advantage of the 30% offer to buy CC today, so keen to get this working properly (the developer working on my job's for this project is another story).

 

 

Link to comment
Share on other sites

At some point I must have had trouble with this as well, because I actually have the full url's in my Email Template Default Source code:

<td>
<a href="https://dirtybutter.com/plushcatalog/images/logos/plushanimalshopbarn600.jpg (edited in another comment #4 below)"><img alt="{$DATA.storeName}" src="https://dirtybutter.com/plushcatalog/images/logos/plushanimalshopbarn600.jpg" style="border-width: 0pt; border-style: solid;" /></a></td>

(I just added the SSL today, and gettting better results with SSL forced.)

Link to comment
Share on other sites

"I have uploaded my Logo's."

 

You have three images showing on the Store Settings, Logos tab. Each has a green check next to them. On the right is a drop-down selector where you assign image to its purpose. There must be a distinctly named image for each purpose. (The image may look the same, but must be named differently.)

 

When you assign an image to the Email Templates, that includes Newsletters.

 

"I edited the Default Newsletter (which I cant turn on) and the 'Default Emails' which IS on."

 

CubeCart has either emails or newsletters enabled, not both. Make a red cross for Default Emails and a green check for Default Newsletters, then Save.

 

When you edit the items on the Email Templates tab, such as Default Emails, on the HTML Content tab you see the 'rich text editor" (RTE) and at the top of the editing window, you see a ripped in half, dog-eared piece of paper. The RTE shows this because there is no valid link to the image.

 

On the top toolbar of the RTE, there is a Source button -- click it. You will now see that there is this line:

<a href="{$DATA.storeURL}"><img alt="{$DATA.storeName}" border="0" src="{$DATA.logoURL}" /></a>

 

When the template is rendered (email about to be sent), {$DATA.logoURL} will be replaced with a valid URL that points to the assigned image. But the href that uses that image as a link should take you to your store, not to the image in a folder on the store.

Link to comment
Share on other sites

ok, Here's how I have been testing:

 

Capture1.PNG

 

With the image and the macro, just to be sure:

 

Capture2.PNG

Capture3.PNG

 

and the source:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
		<style type="text/css">
html, body, table {
	font-family: Arial;
	font-size: 14px;
}		</style>
		<title>Default HTML Template</title>
	</head>
	<body bgcolor="#f7f7f7">
		<table border="0" cellpadding="0" cellspacing="0" width="100%">
			<tbody>
				<tr>
					<td align="center">
						<table bgcolor="#ffffff" border="0" cellpadding="15" cellspacing="0" width="580">
							<tbody>
								<tr>
									<td>
										<p>
											<a href="images/source/Greyprint_Logo/Greyprint-Logo-emails.gif"><img alt="" src="images/source/Greyprint_Logo/Greyprint-Logo-emails.gif" style="width: 150px; height: 173px;" /></a></p>
										<p>
											---------- {$DATA.logoURL}</p>
									</td>
								</tr>
								<tr>
									<td>
										{$EMAIL_CONTENT}</td>
								</tr>
								<tr>
									<td>
										<p>
											Kind regards,</p>
										<p>
											NikGrey.<br />
											<a href="{$DATA.storeURL}">{$DATA.storeURL}</a></p>
									</td>
								</tr>
							</tbody>
						</table>
					</td>
				</tr>
			</tbody>
		</table>
		<p>
			&nbsp;</p>
	</body>
</html>

Link to comment
Share on other sites

May I suggest you restore the affected line back to its original (as seen and as explained above).

 

You have hard-coded the image you want to use -- which is not a bad thing, but circumvents CubeCart's control over it and makes the Store Settings, Logos tab settings ineffectual. And you have hard-coded the URL that the <a href> tag points to -- again, not a bad thing, but still circumvents CubeCart wanting to point the link to the store's Homepage, where the following line has the link using an image to point to that image.

<td>
  <p>
    <a href="images/source/Greyprint_Logo/Greyprint-Logo-emails.gif"><img alt="" 
    src="images/source/Greyprint_Logo/Greyprint-Logo-emails.gif"
    style="width: 150px; height: 173px;" /></a></p>
  <p>
    ---------- {$DATA.logoURL}</p>
</td>
Link to comment
Share on other sites

So, basically restore it to how it was originally?

 

Here's what happens:

 

Capture6.PNG

 

That's how they get delivered :(

 

I restored the template with the macro only:

 

Capture8.PNG

 

And here's how I have my Logo's set in Store Settings - Logo's.

 

Capture7.PNG

 

There must be a simple solution, I must be missing something :(

 

Thanks for your continued support bsmither - you are a star.

Link to comment
Share on other sites

Put this:

<a href="{$DATA.storeURL}"><img alt="{$DATA.storeName}" border="0" src="{$DATA.logoURL}" /></a>

inside the <td> and </td> in Source mode. Then save.

 

If you restore just the macro, there is no <a href> link and no <img src>. So, yes the macro -- which is all there is -- will be replaced with the address of the image. But just an address of an image does not make a HTML link tag or an HTML image tag out of it.

 

FYI: when using the RTE in WYSIWIG mode (that is, not Source), the Image Properties dialog should have the actual macros entered here:

Image Info tab: URL: {$DATA.logoURL}

Image Info tab: Alternative Text: {$DATA.storeName}

Link tab: URL: {$DATA.storeURL}

 

To review: do not expect to see the actual logo in the editor window. You are using macros, not actual real-live URLs.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...