Product & Mini Slider
The ThemeKit Ecwid Mini Slider displays info and the cart panel in one column and the slideshow in the other.
Below the breakpoint the slider can be above or below the info.
ThemeKit eCommerce
Description
The ThemeKit Ecwid Drawer widget is designed to be positioned below a product to provide extra info with the option to add a list for item features or specifications.
The description has a heading, text and an optional link to open nternal or external pages.
Action Tab
The action tab has controls for the icon color, background and border radius. Setting the border width sliderto maximum value will make the tab round.
The tab shows a span on hover with text to indicate its purpose. The text has controls for font size, color, background color and border radius.
On touch devices the span wil show on tap and is hidden by tapping anywhere else on the device's screeen.
- The list heading shares the controls for text heading
- The list can have up to 48 items
- The list has controls for font size, line height, list item spacing ad inset
- The available list style types are disc, circle, square, none, decimal, decimal-leading-zero, lower-alpha and upper-alpha
- Relative columns widths can be adjusted
- The list can be above or below the text on screen widths below the breakpoint.
List Heading
Mini Slider
The ThemeKit Ecwid Mini Slider widget createsa two column grid with a slider in one column and the info and the cart panel in the other. The relative column widths can be adjusted and the layout can be switched.
Info Panel
The panel has a heading, text and an optional internal/external CTA (call to action) style link with a new window option.
Cart Panel
This panel inherits the font family set for the info block and has controls for setting the percentage font size, font color, background color, and for border width, color and radius.
The action tab has controls for font size, color, background color, hover background and border radius.
Info Drawer
The ThemeKit Ecwid Drawer widget is inserted below any product insert widget to provide slide down extra info.
The drawer can have a heading, descripton and link or be set up as a two column grid with a list in the second column.
Ad Bar
When a visitor views an item and it is not quite what they want it is usefull to show some alternative items that they might want to consider.
The ThemeKit Ecwid Ad Bar has a heading with optional scroll left/right icons and a row of images links. The number of images to show is set in the widget settings and the rest will scroll into view by vertical scrolling on the mouse or trackpad and swiping on mobile devices.
Images
The image files only need to be about 100px wide or so. The image width can be set in the widget settings and the lazy loading function should be turned on before hiding the scroller.
Extras
The images can show a caption and also the optional link icon. Captions and icons can showw on hover on computers.
Styles
The images can be separated and have controls for border width and color. The container background has an opacity slider so that the page content can be seen to some extent behind the scroller.
Action
The Ad Bar is invisible on page load and appears on scroll after the scroll down distance set in the widget settings and fades out on scroll up.
With no visitor interaction the Ad Bar will remian in view for the number of seconds set by the Display Time control.
On computers the Ad Bar will show as long as the cursor is over it. On touch devices a little vertical scrolling will make it appear.