NAV

Ecwid CSS Framework

Go to the CSS framework documentation →

We provide a set of ready UI components in a form of CSS framework to help you easily design your application embedded into Ecwid Control Panel. The framework includes buttons, links, messages, forms in a nice and consistent design.

How to use it?

<head>
  <link rel="stylesheet" href="https://djqizrxa6f10j.cloudfront.net/ecwid-sdk/css/1.3.3/ecwid-app-ui.css"/>
</head>

<body>

  <div>Some content</div>

  <script type="text/javascript" src="https://djqizrxa6f10j.cloudfront.net/ecwid-sdk/css/1.3.3/ecwid-app-ui.min.js"></script>
</body>

1) Add this CSS file to your native app: https://djqizrxa6f10j.cloudfront.net/ecwid-sdk/css/1.3.3/ecwid-app-ui.css

2) Add this JS file at before closing the BODY tag: https://djqizrxa6f10j.cloudfront.net/ecwid-sdk/css/1.3.3/ecwid-app-ui.min.js

3) Use this guide to find the elements and CSS classes you need: http://developers.ecwid.com/ecwid-css-framework/