EverWeb Widgets

Widgets
Info^

Ecwid E-Commerce

Set up a fully functional Ecwid E-Store in EverWeb using these widgets. Click the first link in the list below to open a FREE Ecwid account.
Setting up a proper e-store at the outset will save time and money in the long run and open the door to many advanced features which are essential for successful selling on the internet.
The ECWID e-store was chosen for its value for money, feature set, ease of use and continuous ongoing development.
Click any widget icon to see the demo …

View Cart Add To Cart

Once the store has been set up on the Ecwid website, this widget allows it to be easily inserted in an EverWeb Website. All that is required is the Ecwid ID.
The widget creates a responsive layout and has controls for setting the store view options. The shopping cart can be included in the store or using one of the new header widgets described below.

The demo shows a very basic setup with just four items. It show the single level navigation and the header with logo, heading and the built in cart.
There are instructions for using the store insert widget and examples of the link bar and footer which are described further down this page.

The header contains a logo with a link option, an h1 heading for the website name and an Ecwid cart widget. It works in combination with the Ecwid Navigation widget.
The default icon is an SVG bag. Custom SVG icons are included with the widget in the download folder. The cart icons are for both shopping bag and cart and are supplied in eight primary colors plus black and white.

This is a standalone cart which can be fixed in any position on the page so that it always remains in view. The text can use a Google hosted font if required and can be styled for font size, color, hover color and background color and its opacity. A border can be added using the controls for width, color and radius and any of the custom SVG icons in the download folder can be used.

This is a single level navigation which can be inserted above or below the combination header. The links are inline when viewed on computers.
When the page is viewed on mobile devices, the inline navigation links disappear and the mobile drop down navigation's icon tab appears at the top right of the header widget.

The two level navigation is used in conjunction with the Ecwid Cart Header [2] widget. It can be placed above or below the header.
The navigation can have up to six top level links and three directories - each with up to six links. The last link on the top level can be configured as an external link and open in a new tab or window if required.

The contact bar has an optional phone number which switches to a phone icon on mobile phones, a contact link and an email link.
The contact link can open an internal or external contact page and the email link has basic protection against spammers using scraping software.

Ecwid Ionicon Links

These inline links which can be placed anywhere on the page are created using the Ionicon range of icons. The links can be square or round and there is the option to add a border. The link and icon size can be adjusted.
The links have the same icon color and hover color. Each one can have an individually set background color. The horizonta and vertical spacing can be adjusted and there is the option to add a scale on hover animation