Title: Echelon Widgets for SiteOrigin
Author: echelonso
Published: <strong>20 de setembre de 2018</strong>
Last modified: 4 de febrer de 2021

---

Cerca extensions

Aquesta extensió **no s’ha provat en les darreres 3 versions majors del WordPress**.
Segurament no està mantinguda o suportada, i pot tenir problemes de compatibilitat
quan s’usa en versions recents del WordPress.

![](https://ps.w.org/echelon-so/assets/icon-256x256.png?rev=2148033)

# Echelon Widgets for SiteOrigin

 Per [echelonso](https://profiles.wordpress.org/echelonso/)

[Baixa](https://downloads.wordpress.org/plugin/echelon-so.zip)

 * [Detalls](https://ca.wordpress.org/plugins/echelon-so/#description)
 * [Ressenyes](https://ca.wordpress.org/plugins/echelon-so/#reviews)
 * [Desenvolupament](https://ca.wordpress.org/plugins/echelon-so/#developers)

 [Suport](https://wordpress.org/support/plugin/echelon-so/)

## Descripció

Echelon combines the web’s best frontend framework (UIkit) with SiteOrigin’s ease
of use to create premium level pages at unbelievable speeds. We have included over
30 widgets, 15 core features and a library of over 240 ready to use interface blocks,
making the unparalleled front-end power of UIkit available to anyone who can use
SiteOrigin Page Builder.

[Widgets for SiteOrigin](https://echelonwidgets.com)

### Flexible Combinations

While our widgets are simple enough to use individually Echelon is unique as all
our widgets are designed to be combined together. Combine Loops with Sliders and
Filters, Overlays with Light Boxes, Modals with Galleries, Off Canvas with Menus
the possibilities are endless, flexible and intuitive.

### Reuse Your Content

Building on the global nature of Echelon we have included a build it once and reuse
it system called Echelon Layouts. They provide an area in the WordPress administration(
Admin > Echelon Layouts) to store and organize layouts along with a dedicated widget(
Reuse Layout) for displaying the content anywhere on your website. If you update
the content in the Echelon Layout it will update in all areas you have it displayed.

### Highly Interactive

UIkit has a large array of front end Animations and Transitions available, as such
Echelon is by default a highly interactive front-end right out of the box. We didn’t
stop there though, alongside the baked in interactivity we have included two specific
interaction features. The Animate feature will add entrance animations to any widget,
row or cell, while the Hover Transition feature with add transition animations to
widgets when hovered or focused. You can also trigger Transitions on widgets when
using them inside the Slider widget and in loads of other places across the plugin.

### Better Positioning

If you have ever tried to layout widgets horizontally without using columns or a
tried to add a dynamic label to a widget you will know its not easy to position 
elements with Page Builder. UIkit has a plethora of positioning options so theres
no reason Page Builder can’t use them as well. From absolute and relative positioning
to responsive flex box options Echelon can better position your widgets than ever
before.

### Responsive Visibility

Sometimes its just not possible to have desktop layouts degrade properly and a dedicated
replacement section is needed. Echelon provides a simple Visibility feature to hide
widgets rows or cells from certain sized screens. Choose if an element should be
displayed on mobiles, tablets, desktops or any combination of the three.

### Background Images

Unfortunately SiteOrigin’s background image features are lackluster and minimal,
Echelon supercharges backgrounds with some key features sadly missing in the Page
Builder core. Choose which image size to use for the background, position the background
image, blend the background image with the background color and disable the image
responsively are just some of the awesome background image features available with
Echelon.

### Custom Color Palette

You know those little color squares displayed under the various color pickers? Thats
the Color Palette. Would be great if you could set those to colors of your choosing,
now you do just that by going to Appearance > Customise > Echelon > Custom Palette.

### Recent Posts / Products

SiteOrigin allows to you to build templates for loops (Recent Posts, Recent Products)
and include them via PHP. Echelon takes this up a notch and provides a easy system
to buld loop templates with Page Builder itself. It’s super easy too, just add an
Echelon Layout and fill with Template tags, WooCommerce Tags and ACF fields then
feed it into the Custom Loop widget.

### Prime

We love UIkit and SiteOrigin but we are also fond of electricity and food. Echelon
Prime is our paid version and upgrades many of the widgets and features while adding
some Prime specific functionality. Echelon is an unlimited product so we have two
Prime plans available one for single developers and one for teams.

### Features List

 * Animate: Add entrance animations to widgets rows and cells.
 * Animated Gradient: Color changing background gradients.
 * Attribute: Toggle Modal and Off Canvas widgets from any page element.
 * Background: Supercharged background image options.
 * Background RGBA: Transparent background colors.
 * Cell Flex: Layout widgets in a cell horizontally and vertically.
 * Custom Palette: Choose your own colors for the color picker palettes.
 * Helper: Add handy additional CSS classes to elements.
 * Highlight: Make a widget more prominent.
 * Hover Transition: Trigger transition animations on hover and focus.
 * Linked Widgets: Link entire widgets to URLs (static, dynamic and loop support).
 * Parallax: Animate CSS properties relative to the scroll position.
 * Position: Better positioning of page elements.
 * Scrollspy: Toggle CSS classes when elemetns enter and leave the view port.
 * Sticky: Keep widgets visible when the page is scrolled.

### Widgets List

 * Before & After: Compare the visual difference between two images with a configurable
   slider.
 * Button: A variety of buttons that take your plugin styles with an optional label.
 * Card: Text, link and image based cards with optional transitions.
 * Comment: Proudly display the positive feedback you have received from your customers.
 * Custom Loop: Create loops for posts and products using Echelon Layout templates.
 * Count Query Result: Display the number of posts found from a SiteOrigin posts
   query.
 * Counter: Animated the count between two numbers with optional grouping.
 * Description List: Header and text based alternative to standard bullet and number
   lists.
 * Divider: Horizontal, vertical and icon dividers in two widths.
 * Feature: Highlight important business information with icon and text boxes.
 * Filter: Use tabs to filter items in a grid or masonry layout.
 * Heading: Various heading styles for pages and sections.
 * Icon List: Create text lists with flexible icon based bullets.
 * Label (Prime): Small labels to stick on things and draw attention.
 * Lightbox Gallery: Grid based lightbox galleries, using the Image Component widget.
 * Modal: Content and video modal popups, toggled via buttons or other widgets.
 * Navigator (Prime): Quickly move between page sections with a sidebar navigator.
 * Off Canvas: Mobile style off canvas menus and content areas.
 * Overlay: Overlay two sets of content with optional transitions.
 * Pricing: Card based pricing boxes for subscribers and plans.
 * Radial: Static and animated process radial odometers.
 * Reuse Layout: Display the content of an Echelon Layout anywhere on your website.
 * Slabtext: Automatically format texts in blocks with a trendy slab effect.
 * Slider: Versatile and flexible slider to load other widgets into.
 * Slideshow (Prime): Animated lightbox image slideshows with transitions and overlays.
 * Smooth Scroll: Automatically scrolls all on page links smoothly.
 * Tabs: Text and icon tabs whose content is built with Page Builder.
 * Text: Display text with size, alignment and Google font options.
 * Text Rotator: Rotate words to better convey your message and highlights.
 * Twitter Feed: Display your latest tweets as a list or vertical slider.
 * Typeriter: Typed text effect widget.
 * Video: Inline and autoplay videos, with or without covers.

Awesome you have made it to the bottom, all that’s left now is to get Echelon installed
and start building premium quality pages or check out our demo at [Widgets for SiteOrigin](https://echelonwidgets.com).

## Ressenyes

![](https://secure.gravatar.com/avatar/4fc27f9b83d943e5b4fa56826beb13d43740b39726bd5e15947cfb85669a5020?
s=60&d=retro&r=g)

### 󠀁[usefull](https://wordpress.org/support/topic/usefull-122/)󠁿

 [gsevim](https://profiles.wordpress.org/gsevim/) 12 de juny de 2019

thanx a lot

![](https://secure.gravatar.com/avatar/ad40e774e17fe054508d042bcf6b2761a429a05d4666ae2df11366873ef718b6?
s=60&d=retro&r=g)

### 󠀁[Reusable Layouts](https://wordpress.org/support/topic/reusable-layouts/)󠁿

 [fendlestick](https://profiles.wordpress.org/fendlestick/) 24 de setembre de 2018

The reusable layouts feature is handy for me.

 [ Llegiu totes les 2 ressenyes ](https://wordpress.org/support/plugin/echelon-so/reviews/)

## Col·laboradors i desenvolupadors

«Echelon Widgets for SiteOrigin» és programari de codi obert. La següent gent ha
col·laborat en aquesta extensió.

Col·laboradors

 *   [ echelonso ](https://profiles.wordpress.org/echelonso/)

“Echelon Widgets for SiteOrigin” s’ha traduït a 1 configuració regional. Gràcies
als [traductors](https://translate.wordpress.org/projects/wp-plugins/echelon-so/contributors)
per les seves aportacions.

[Traduïu «Echelon Widgets for SiteOrigin» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/echelon-so)

### Interessats en el desenvolupament?

[Navegueu pel codi](https://plugins.trac.wordpress.org/browser/echelon-so/), baixeu-
vos el [repositori SVN](https://plugins.svn.wordpress.org/echelon-so/), o subscriviu-
vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/echelon-so/)
per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/echelon-so/?limit=100&mode=stop_on_copy&format=rss).

## Registre de canvis

#### 2.0.8

 * Removed: Various form teasers.
 * Added: Various library links within widget forms.
 * Fixed: Horizontal Flex responsive options (requires styles regen).
 * Added: Percent discount option to the Woo Tag widget.
 * Added: Featured images as backgrounds to the Custom Loop widget.
 * Added: Various widget for descriptions.

#### 2.0.7

 * Changed: Widget forms to better separate free and prime functionality.

#### 2.0.6

 * Fixed: Some admin notifications displaying when they shouldnt.

#### 2.0.5

 * Fixed: Missing field descriptions for Before & After widget.
 * Fixed: Missing field descriptions for Button widget.
 * Fixed: Missing field descriptions for Card widget.
 * Fixed: Missing field descriptions for Counter widget.

#### 2.0.4

 * Changed: Various form teasers to better match their widgets.
 * Fixed: Various widget form modifier labels to better match their modifier names.
 * Fixed: Clicking anywhere on a video cover now plays the video.
 * Added: Lightbox Component widget support within the Filter widget.
 * Added: Typewriter widget.
 * Added: Background Feature (requires LESS Styles regen).
 * Fixed: Some missing modifier descriptions.
 * Fixed: Scrollspy not firing animate when element starts in view.
 * Added: Child widget animations to cells.
 * Added: Scrollspy feature.
 * Added: Position feature.

#### 2.0.3

 * Fixed: Comment widget missing Inverse modifier.
 * Changed: Widget form data sections now correctly labeled as Data.
 * Changed: Widget icons now use the Echelon square logo.
 * Added: Lightbox Component widget support within the Slider widget.
 * Added: Hover animation toggles to Rows (prime).

#### 2.0.2

 * Fixed: Typo in animation modifier names.
 * Fixed: Typo in plugin long and short descriptions.
 * Fixed: Typo in Image Component label.
 * Added: CSS is now automatically generated when the customizer is saved.
 * Added: CSS is now automatically generated when the plugin is activated.
 * Fixed: Button color being overriden by themes anchor styling.
 * Added: Attributes are now also available for rows and cells.
 * Fixed: Reduced server file requests by 1.
 * Added: LESS control for Margins.
 * Added: LESS control for Gutters (padding, grid).
 * Added: LESS control for Height.
 * Fixed: LESS Typograhy decimal rounding.
 * Changed: Visibilty Helper CSS now has own style group (Visibility).
 * Added: LESS control for max Lightbox width and height.
 * Fixed: Lightbox nav color being overriden by themes anchor styling.
 * Fixed: Cached CSS files not being cleared on LESS compile.
 * Fixed: Deadspot in Visibility.

#### 2.0.1

 * Added: Visibility settings to Helper CSS.

#### 2.0.0

 * Changed: UIKit now provdes the base for functionality. Breaking change!!!

## Meta

 *  Versió **2.0.8**
 *  Darrera actualització **fa 5 anys**
 *  Instal·lacions actives **900+**
 *  Versió del WordPress ** 5.3 o posterior **
 *  Provada fins a **5.6.17**
 *  Versió del PHP ** 7.0 o posterior **
 *  Idiomes
 * [English (US)](https://wordpress.org/plugins/echelon-so/) i [Norwegian (Bokmål)](https://nb.wordpress.org/plugins/echelon-so/).
 *  [Traduïu a la vostra llengua](https://translate.wordpress.org/projects/wp-plugins/echelon-so)
 *  [Vista avançada](https://ca.wordpress.org/plugins/echelon-so/advanced/)

## Valoracions

 5 sobre 5 estrelles.

 *  [  2 valoracions de 5 estrelles     ](https://wordpress.org/support/plugin/echelon-so/reviews/?filter=5)
 *  [  0 valoracions de 4 estrelles     ](https://wordpress.org/support/plugin/echelon-so/reviews/?filter=4)
 *  [  0 valoracions de 3 estrelles     ](https://wordpress.org/support/plugin/echelon-so/reviews/?filter=3)
 *  [  0 valoracions de 2 estrelles     ](https://wordpress.org/support/plugin/echelon-so/reviews/?filter=2)
 *  [  0 valoracions de 1 estrelles     ](https://wordpress.org/support/plugin/echelon-so/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/echelon-so/reviews/#new-post)

[Visualitzeu totes les ressenyes](https://wordpress.org/support/plugin/echelon-so/reviews/)

## Col·laboradors

 *   [ echelonso ](https://profiles.wordpress.org/echelonso/)

## Suport

Teniu quelcom a dir? Necessiteu ajuda?

 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/echelon-so/)