Jump to content

email display on android phone


nomem

Recommended Posts

I know this really isn't  totally a Cubecart issue, just want to see if anyone else has encountered this.  I have a LG G Stylo cell phone.  When I receive an email sent thru my store, when a order status has changed, the font is so small it is nearly unreadable.  All my other emails from the Cubecart forum and outside Cubecart are formatted very nicely.  I have changed the settings on my phone, in admin - everywhere and the font is still small.  I'm now back to the default Arial 14px in my default html email template. Has anyone else encountered this?

Claudia

Link to comment
Share on other sites

I think what is happening is that the super-structure of CC emails (as seen in admin, Email Templates, Email Templates tab, then edit the Default Emails template, HTML Content -- Plain Text is not contributing to this problem) is as follows (showing only the relevant code):

<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><a href="{$DATA.storeURL}"><img alt="{$DATA.storeName}" border="0" src="{$DATA.logoURL}" /></a></td>
            </tr>
            <tr>
              <td>{$EMAIL_CONTENT}</td>

Not that the second level table has a fixed width of 580 pixels. The portrait orientation of many mobiles has about 320-360 pixels wide.

So, working on the theory that your app to view emails is attempting to squish the 580 or so width of the email to fit the width of your viewport, this would explain the font sizing (as well as the store logo, if one is being shown).

If possible, have the mobile show the email in landscape mode (640 pixels wide) and see if the font is any different.

(Switching the rich-text editor to source mode to see the actual HTML code is showing some strangeness. I'll need to look into that.)

Link to comment
Share on other sites

I was using the default email app that came with my phone.  I just downloaded Microsoft Outlook and though the font is still small in portrait mode it does expand in landscape mode and is larger.  I didn't see where I can view in my browser from my phone.

Link to comment
Share on other sites

"All other emails I get look fine."

Other emails from CubeCart? Or all other emails from other businesses, family, friends, spam...?

We would have to compare if the <table width="580"> or something similar is not in these other emails. That is to say, if it is this "fixing the width" of the table that is causing the email app to squish down the actual width to 'fit to window', then we can try removing the width parameter, or even building a different super-structure template that would "flow" to a better layout when viewed on narrow viewports.

 

 

Link to comment
Share on other sites

When I said all other emails look fine I meant from businesses, friends, spam, etc.  Everything but what Cubecart sends out with orders.

I've been messing around and here are my findings:

1.  I have all my emails as basically stock Cubecart email templates except for adding some wording and changing the font size to 13 instead of 14.

2.  On my desktop - Everything looks great, as it should, in Microsoft Outlook and my Comcast infinity website account.

On My Phone with phone app:

1. From the pulldown menu and the email app the font is small (no smaller than at 14).  In portrait mode - no scrolling message fits screen as it should. 

In landscape mode - font small - message stays at the 580 - does not fill screen.

On my phone with the Comcast Infinity app:

Portrait Mode:  Font looks great but I have to scroll to read the right side of the message

Landscape mode:  Font looks great and the message is the width of the screen - looks very nice.

I'm not too worried about the small font for me, I just hope my customers don't see it that small.

Link to comment
Share on other sites

Just a note to followup:

In my old store I don't use the store logo in my emails.  Just wording.  In this case, on my phone, the font is the correct size, but in portrait I have to scroll right to see the rest of the message.  In landcape it fills the screen nicely.  My logo is not svg in either store

Link to comment
Share on other sites

It adjusted perfectly on my Kindle, but I had previously added the Silk user agent to the string of browsers. Stabbing in the dark here and thinking out loud .... I wonder if there's any way to tell what the user agent is for your phone. Could there be more than one android user agent that you need to add to the array in CC???

http://gtrifonov.com/2011/04/15/google-android-user-agent-strings-2/

 

Link to comment
Share on other sites

To be clear, the OP's complaint is regarding emails spit out by CubeCart: Order Acknowledgement, Order Completed, etc.

So, you may be able to have "plushcatalog" send you an email, to be read on your Kindle (if Kindle has an email app), that uses the standard CubeCart email super-structure template.

Or, at NestofMemories, create an account, logout, then use the Forgot Password feature. That should get you an email you can test with on your Kindle.

Link to comment
Share on other sites

Good idea Rosemary.  Unfortunately my husband is behind the technical times and has a $20.00 flip phone from Walmart. LOL  But this does let me know it is probably my phone's software and nothing to do with Cubecart.  Thanks very much for everyone's time and effort with this.  Rosemary, I'm going to cancel your order in my store.

Thanks again!!

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