Ecwid Product Card
A two column grid card with a built in product image gallery.
The ThemeKit Ecwid Product Card combines a thumbnail grid slideshow with the product info and the Ecwid cart panel.
The two column grid has adjustable relative column widths, the layout can be switched and the slider can be above or below the info on screen widths below the breakpoint.
Both the in view image and the thumbnails can have a border and the thumbs have a spacing control.
The thumbnails have a control to set their width and any extra images will scroll into view by horizontal swiping on the mouse or trackpad.
The Ecwid Slide Menu creates a slide in vertical navigation from the left or right. The action tab text can be removed for phones if required.
The menu has a fixed width which can be changed 100% when viewed on phones in portrait mode.
Links
The links can be spaced vertically and have a background animation on hover, The current page link is indicated by a contrasting background color.
The navigation can have any amount of links. When the nav height excedes that of the browser/device window any overflow will scroll into view.
When there are only a few links they can be vertically aligned at the top or center.