Help Topics

General Help Topics
Site Setup FAQ's Email - Set Up Domains Special Features FrameEZ Troubleshooting
Shopping Cart
Store Configuration Global Configuration Product Management Categories Manufacturers/Brands STN Import Tool Shipping Payment Processors Orders and Sales Shopper Groups Coupons & Discounts Taxes Safety Warnings POS-to-Web Sync
Import/Export Data Components
Contact Us Store Locator Front Page SlideShow Newsletters - Letterman Events Calendar QuickBooks Sync Media Manager SEO Manager Picture Gallery User Manager Banner Manager Language Editor
Wish List Mobile Lightspeed POS Shopify App
Content Management
Wordpress & WooCommerce
Creating Mobile Home Banners E-mail
Components - Banner Manager
Wednesday, 04 December 2013 09:49

ATTENTION: This page is part of the e-Commerce mobile site option. If you have not signed up for mobile e-Commerce, this will not work for you. For more information, Click Here.


Mobile homepage banners are a bit different from regular banners in a few ways and need to have some special attention. As you can see below, some of the image is often blocked by phone browser menus, slide navigation buttons, etc. For this reason, it is important to keep any titles and important information at the top of the banner and away from the edges.

Banner Category: Mobile Homepage Banners
image Width: 550 pixels
image Height: 625 pixels


for Photoshop users: We have provided a PSD template for you to get started. To download it, click here.


Resizing an image - For non-Photoshop users

(the following instructions are for the free web-based image editor, pixlr. You can apply the same techniques to most image editing applications)

  1. Go to website:

  2. Open Pixlr editor

  3. select image from computer or website URL

  4. select the crop tool ()

    1. set the Constraint to "Output Size" & enter 550 width and 625 height (measured in pixels).

    2. ...then click-drag in a diagonal direction over the image

    3. You can drag the crop box around and change it's size by dragging the corners

    4. Then click the image to apply the crop

  5. optional: you can add text or other graphics to the image (see pixlr help pages for further instructions)

  6. Save file to your computer as JPEG, with Quality of 60%

    1. menu:  File >> Save...

    2. click OK

  7. That's it! You now have an image perfect for uploading to your website!

Please see our Banner help pages for more details on managing and uploading your banners.

Last Updated on Wednesday, 04 December 2013 10:42