ThemeKit ECWID

E
ThemeKit EcwidJumbo

Ecwid Heading

The ThemeKit Ecwid Heading widget is multifunction in that it creates an h1 through h3 heading with styling and animation options width an option to add an image or SVG logo link.
Logo
The logo/internal link is positioned at the right within the centered grid which has a maximum width setting.
The image option has a control for its width. The SVG icon optional has controls for adding the SVG code and for the icon size, color, background, padding, border width, border color and border radius.
The heading has a control to allow it to overlay a hero item at the top.\.

Text & List

The ThemeKit Ecwid Text/List widget has a heading and text with styled spans, an optional list, another optional heading and optional text folowed by a an internal/external link

  • The lsit can have up to 48 items
  • A choice of eight list style types
  • List items have controls for font size, line height, list item spacing and list item inset

Heading [2]

The link below can be set to open internal or external pages and has a new window option.

Spacing

Web page content needs to be arranged in distinct blocks separated by "white space" to allow visitors to easily find and focus on relavent content.
The ThemeKit eCom Spacer/Line widget has adjustable height and a solid or gradient background.
The percentage width, color and the height of the line are adjustable. The line style can be dashed, dotted, double or solid.

Page Loading

The in view on load content must load quickly without an embarrasing delay to create a good first impression.
The ThemeKit eCom Smooth Load widget is inserted above the copyright bar at the bottom of this page to create space for the show/hide function.
The smooth loader can have a solid or gradient background and adds a fade in animation to the page content which gives items like a hero image a little time to load.
The animation is turned on by checking a box and the time is set in milliseconds.
The widget can also be used as a spacer without the animation.

Links

Links in blocks of text are not used on a responsive website since they cannot be made with a larger enough target area to comply with Google's minimum spacing criteria.
If an item with text doesn't have a built in CTA (call to action) style link - or requires more than one - a separate link bar immediately below is the best solution to add links to related content.
The links can open internal/external pages. They have a flex layout and a hover animation in five types.

Copyright Bar

On most pages a footer or footer bar can be replaced with the compact Ecwid Copyright Bar which has a home/info link the © notice and a smooth scroll to the top.

EverWeb Widgets -