ThemeKit ECWID

E

Product Display

Buy Panel

A two column grid with product image and an info section with cart panel.

Product Grid

A responsive image grid with heading, styled span, description, optional link and an add to cart tab.

Product Slider

A responsive product slideshow with vertical scroll thumbnails and optional captions.

Product Mini Slider

Product Display

A two column grid with mini slider and info columnwith cart panel.

Carousel

A responsive image link and caption carousel with variable slides to show and slides to slide .

Media Modals

Icon tab bar with options to open an image, slider, MP4 video and YouTube in a lightbox window.

Product Search

The ThemeKit Ecwid Product Search widget can be switched between a grid or list layout and either can be selected in view on page load.
In grid view the number of items per row can be set for each device type and there are controls for setting up both the grid and list views.
The items have an image with alt text, a heading, an optional styled span text and a link.
The links can have individual text or, by checking a box, common link text can be entered once - a big time saver.

ThemeKit Ecwid Product Gallery

Ecwid Product Gallery

Clicking/tapping the image opens a lightbox slideshow with optional caption, description, border, bottom box shadow and adjustable overlay background color and opacity.

Info Link

Ecwid Product Gallery

The ThemeKit Ecwid Product Gallery widget has a two column grid layout with adjustable relative column widths.
The image has alt text, an optional border and an animated icon.
The info section has a heading, text and an optional interna/external link.
The Ecwid panel is an option so that the item can be used as a standalone gallery.
Both the onload image and the gallery images are lazy loaded.
Lightbox Slider
The slideshow inserts the images in two sizes and has the option to add a square or portrait image to display on phones in portrait mode.
The caption has the option to add a description and can be inserted top, center or bottom and left center or right.

Slideshow Stage

The slideshow has controls for adding a border and/or a bottom box shadow. The overlay has controls to adjust its background color and opacity.
Editing
To make it easier to add the styles and position the caption container the first image can be viewed on the EverWeb design canvas by checking a box.

EverWeb Widgets -

Menu