Getting Started

An overview of Lil Commerce, how to use, compatibility, demos, install guides and commerce support.

A set of powerful email templates designed for stores owners and app makers who deal with transactional email communications. Compatible with 4 Email Marketing Platforms and 2 Commerce Platforms.

Lil Commerce is a set of powerful HTML templates designed for stores owners and app makers who deal with transactional email communications. Demo-packed with 3 starter themes and 18 examples. Matching existing branding is fast and easy.

Cover over 50 web-based, desktop, tablet and mobile email clients. Most popular platforms: Apple iPhone, Gmail, Apple iPad, Google Android, Apple Mail, Outlook, Yahoo! Mail, Outlook.com.

If you have any question, want to report a bug or need help installing the files contact me here.

What’s included

 default

•  source html and css files
•  html ready-to-use files, with the css inlined
•  demo_images demo and jumbotron image files
•  shopify .txt files and images
•  woocommerce .php files and images
•  campaignmonitor html and and zip images
•  mailchimp_template.zip MailChimp zip template
•  stampready_template.zip StampReady zip tempalte
•  mailster_template.zip Mailster zip template

 material

 bootstrap

Basic Setup

The templates use the 1.0 Strict doctype to ensure a winder compatibility. For Microsoft clients and devices, X-UA-Compatibility is used to set the rendering options to ‘Edge’. The viewport must be set to ‘width=device-width, initial-scale=1.0, shrink-to-fit=no’.

Webfonts

You can directly embed google fonts in the stylesheet and overwrite the fallback font family in the @media query.

@media only screen {
  @font-face {
  font-family:'Open Sans';
  font-style:normal;
  	font-weight:300;
  	src:local('Open Sans Light'),local(OpenSans-Light),url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
  }
  .column_cell,
  .column_cell td,
  .xlabel_c,p {
  	font-family:"Open Sans", sans-serif!important;
  }
  …
}

Hybrid Layout

The hybrid coding approach ensure a wide cross-client compatibility, even for more difficult clients like Android 4.4, Gmail App or Gmail App IMAP.