Ecwid Hero Poster

eCom Drop
Scroller

Drop Scroller

On page load the bar with heading and action tab appears and the drop scroller opened by clicking tapping the bar anywhere.
Optionally the action tab can be removed and the images can be in view on page load.
Images
The images can be spaced out and the caption and link icon can appear on hover when viewed on computera.
Scrolling
On computers the images are horizontally scrolled by vertically scrolling on the mouse or track pad. On touch devices the images swipe.
The number of images to show can be set for each device type.

  • Info
  • Features
  • Text
  • Specifications
  • Close
  • ThemeKit Ecwid Tab Bar 1

    Info

    Each panel has a checkbox to show hide its content for editing. Use the Editing height to set the panel height so that all the content can be seen.
    After editing all the panels make sure all the "Show/hide content" boxes are unchecked and set the edting height to zero.

  • ThemeKit Ecwid Tabs 2

    Details

    Each of the three content panels can be turned on as required and its content revealed for editing.
    The content panels have the option to add an image with alt text and to adjust its maximum width.
    The heading and text are inserted by default and the optional link can open internal/external pages and has a new window option,

    Info Link

  • Text

    In this panel the image is not inserted. and contains the heading, text and the optional link set to open an external page.
    Styles
    The panels have controls for the font sizes, font color and background color.
    There are controls for padding and for setting the vertical spacing between the items.
    Spans
    As with most ThemeKit widgets with text content spans can be inserted as sub headings are to highlight important words.
    Spans are insert using opening and closing span tags like this …
    <span>Span Text</span>Don't ever underline words in text or spans since they be mistaken for outdated text links which should never be used in responsive web pages.
    Google's criteria for links on touch devices requires that there is a clear area of 40px around the link.
    This is not possible in text without have an overly high value for line spacing.

    ThemeKit Themes

  • List

    The list content panel has a heading, text, styled list and an option for more text below the list.

    • The list can have up to 48 items
    • There are eight options for the list style - including "none"
    • The list item text has its own controls for font size and line height
    • The vertical spacing of the list items can be adjusted
    • There is a control for adjusting the list item inset

    This is the optional paragraph that appears below the list.
    Lists of specification usually have a disclaimer about the specs being subject to change at any time.

Tab Bar

The tab can be inserted below any item to provide extra info, features, specifications etc. Unlike standard tabs thereis no tab open on page load to reduce onload content for small mobile device users.
Panel Content
The tab can be inserted below any item to provide extra info, features, specifications etc. Unlike standard tabs thereis no tab open on page load to reduce onload content for small mobile device users.
There is the option to add up to three content panels with optional image, heading text and an optional link.
There is a tab that has a heading, text, and a styled list with an optional paragraph below it for displaying a products specifications.
The tab content is absolutely positioned so that it does not push the items below it down the page when it opens. The open content panel overlays the items below.

Tab Content

The tab can be inserted below any item to provide extra info, features, specifications etc. Unlike standard tabs thereis no tab open on page load to reduce onload content for small mobile device users.
There is the option to add up to three content panels with optional image, heading text and an optional link.
There is a tab that has a heading, text, and a styled list with an optional paragraph below it for displaying a products specifications.
The tab content is absolutely positioned so that it does not push the items below it down the page when it opens. The open content panel overlays the items below.

Filter Navigation

The filter navigation is ideal for the main navigation on an eCommerce website. It opens in an overlay to allow visitors to focus on and easily find items they are searching for.
The groups opened by the tabs are created by adding a content type ID to the links.
The navigation can have any amount of links. When the height of the menu excedes that of the browser/device window any overflow will scroll into view.

Exit Note

The landing page hero item with its CTA (call to action) is the first opportunity to grab a visitor's attention and get them to click through to other pages of the site.
The last chance is when they move the mouse cursor up to the web address to go elsewhere.
Before You Go …
When the visitor moves the mouse pointer into the browser address bar with the intention of leaving the site the notice pops up in the middle of the screen.
It can be used to notify visitors of a special offer or some other reason why they shouldn't leave the website.
The exit notice has options for a heading, text, a list and a CTA style link. The list has a selection of custom list style types.
The floating close button adds a professional touch and there is an option to have the notice disappear when the link is clicked.

EverWeb Widgets -

Menu

Before You Leave

Check out the available ThemeKit responsive website themes

  • The ultimate in quality and design
  • Create a unique professional grade website
  • Optimised for fast download
THEMES