ThemeKit ECWID

E
ThemeKit Ecwid Article

Article

The article uses some unconventional image settings to allow full width along with a fixed height.
There are on or two optional links which can open internal/external pages and have a new window option.
Image
The image has alt text and also has the option to be lazy loaded.

Product [1]Product [2]

Ecwid Carousel

Ecwid Product Tab

The ThemeKit Ecwid Product Tab sites below any product display item . It has the Add To Cart tab and the option to add a cart widget with any of the content options.
Both itemscan be styled and the layout can be switched.

Carousel

A carousel that shows more than one image at a time is a better option for responsive pages since the image sizes can be much smaller.
The ThemeKit Ecwid Carousel can show a different number of images for each device type - computer wide, computer, tablet landscape, tablet portrait and phone. The images don't need to be any wider than about 400px depending on the value set for the number of images shown.
There is an option to insert a heading for the name of the product.
Width
The carousel by default is centered with a maximum width setting. It can be made to fill the width of the browser/device window by checking a box.
Settings
The carousel can be set for slides to show and slides to scroll for each device type. They can be navigated using the directional arrows or grab and drag on computer and by the controls or swiping on touch devices.

Links
The images can be configured as internal or external links and there is an option to open in a new window.
When links are turned on the link icon appears at the top right and can be set to show on hover on computers.
Lazy Loading
The images can be lazy loaded by checking a box and this function should be turned on if there are more than about 6 images.
Note that when the lazy load function is engaged some or all of the images may disappear from view on the EverWeb design canvas.

Share Links

Icon links should use SVGs for the best quality and efficiency. They have much better quality than font icons like Font Awesome. Never use PNG images for icons - they are too inefficent and will compromise the download time.
The ThemeKit Ecwid Share Links widget has all the popular social media icons built in and adds the option for an internal link with custom icon and for phone and email.
The icons show a tooltip on hover when viewed on computers and have a tap-to-go function on touch devices.
Styles
The icons can all the same background or they can have individual background colors. There are controls for border width, color and radius and a checkbox to make them round.

EverWeb Widgets -