Checklist for public Site themes

All Site themes eligible for publishing must meet our minimum technical and design requirements. We prepared a checklist so you can self-review your theme before submitting it to the Ecwid API team.

Checklist includes both technical and design requirements:

Find the detailed checklists for each section below.

Structural stability

Ensure your themes look good with different content or without any in some places. Structural stability requirements ensure themes are ready for real merchants — each with their own unique content.

Merchant-friendly text rules

Store owners should be able to deduce the functionality of your sections/themes from the design, without reading any smaller texts. At the same time, all texts and headings must have a meaning and a clear structure.

Text localization

Lightspeed eCom (Ecwid) officially supports English, French, and Dutch. Although more languages are available in the control panel of E-Series, you are only required to keep your localization requirements for the three official languages:

circle-info

Find the actual product price in the defaultDisplayedPriceFormatted field available with the Get Product call.

Image tolerance and quality

Real customers will most certainly replace default images with their own. Therefore, your sections/themes must support any user images, even if low-quality ones, with different proportions and styles.

Storefront availability

Requirements for website design ensure Ecwid users do not miss website functionality and their customers can navigate storefronts without problems.

  • The following storefront elements must be available directly or through the menu on all pages: Cart icon, Search bar, "Sign in" link, Legal Pages links, and supported languages list/selector.

  • All storefront elements should have sufficient contrast — 4.5:1 or better as per W3C AA standards.

  • All storefront elements must have a visible focus state.

  • No color-only meaning.

  • The website design must be responsive and optimized for mobile view: button and text sizes should adjust automatically to make mobile navigation easier.

Full typography Reference: https://www.w3.org/WAI/WCAG21/quickref/arrow-up-right

Instant Site Editor

Themes must provide users of Instant Site editor with a stable and thorough UX:

  • All settings have titles, descriptions, and placeholder texts where possible. Such texts should explain the setting clearly and in a detailed manner.

  • All colors in section settings must be customizable through section design settings.

  • Design and content settings inside your section should have a clear outline and categorization.

  • If the app has several themes, every theme must have a clear screenshot for the Instant Site Editor listing (cover_image attribute inside the theme file).

Storefront performance

All themes must meet performance requirements to ensure that applying the theme doesn't slow down the website.

Last updated

Was this helpful?