EverWeb Widgets

More/Less Widgets

These widgets are designed to show more - and in some cases less - content on click and can be used for displaying larger quantities of text, images, reviews and testimonials.
Click any widget icon to see the demo …

View CartAdd To Cart

FAQ

The FAQ can hold up to 100 questions and answers and can have a contrasting heading. The accordion style list closes an entry when another item is clicked.
An HTML5 <dl> elements contains pairs of <dt> (questions) and <dd> (answers) elements. This structure allows the search engines to relate the facts to the explanation.

Header & Navigation

The header has an optional logo on the left, an h1 heading for the website name and a navigation icon which slides the navigation in/out of view.
The navigation is in three columns when viewed on computers, two on tablets and one on phones. The last two links can be configured as email and phone.

Testimonials

One row of testimonials is shown on page load and more added on click. The number of blocks per row can be set for each device type.
Each block has text in optional fancy quotes and a "signature" which can use a handwriting style font. Both the font for the fancy quotes and the "signature" can be Google hosted with a web safe fallback.

More Text Characters

This HTML5 article element can have an image with alt text, a heading, text and a CTA style link which can be internal or external. The image can be floated left or right to wrap the text around it.
The more/less function works by setting the number a characters to display on page load. When this number is set, the remaining text is hidden and then revealed on click.

Footer Links

The footer has the copyright info with auto update of the copyright year and a triangle icon which opens and closes the links. The links can be shown or hidden on page load.
The navigation links are set in auto columns. The number of columns switches from 3 on computers to two on tablets and one on mobile phones. There are options for adding Email & Phone tabs.

Image Grid

The image grid displays a few images on page load and then loads more on click. It can hold a large number of images since they are lazy loading on demand.
The images can have a caption and can be configured as links with a new window option. The captions can animate and the images scale on hover when viewed on computers.

Image Grid Lightbox Slider

The lightbox widget has all the functions of the image grid described above but with the thumbnails opening a lightbox slider on click or tap.
The responsive slideshow has options for animated image captions and a slide counter. Navigation is by directional arrows or by swiping.

More/Less Text

The container has an optional heading and two text blocks. One block is visible on page load and the other when the "Show More" button is clicked. The "Show Less" state will hide the text.
The More/Less tab is aligned right and there is an option for a link tab - aligned left. This can open internal open an external page and in a new window if required.

Q & A

The questions and answers can have different styles and the widget can display up to 100 of them if required. There is an option for a main heading.
Any answer can be set to be open at page load. There is a checkbox to have the option of preventing the open answers closing when another questions is selected.

Show/Hide Info

The show/hide tab opens a container which has options for an image with alt text, a heading, a text block, a list, another text block and a CTA style link tab.
The image is centered and its width is adjustable. The link can open an internal or external page with a new window option.

More Reviews

The widget loads a preset number of blocks on page load with more on demand when the tab is clicked. Each block has a heading, text and a field for the author's name.
The stars for rating are situated at the top right. They can be set from zero to five in half star steps. The active stars show a solid color and the inactive ones show an outline.

Toggle Box

The widget consists of a toggle tab which can be aligned left, center or right and a content box which opens when clicked or tapped.
The box has options for adding an image with alt text, a heading, text, a styled list, more text and a CTA style link tab.

© EverWeb Widgets -