=== WordPress Page Builder – Zion Builder === Contributors: zionbuilder Tags: page builder, editor, visual editor, drag and drop, website builder, front-end builder Requires at least: 5.0.0 Tested up to: 5.7 Stable tag: 2.2.0 Requires PHP: 5.6.20 License: GPLv3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.html Building websites just got easier! The latest WordPress page builder plugin on the market,Zion Builder is a visual editor with powerful design features to help you build interactive pages and posts in WordPress. == Description == Built and designed by [Hogash team](https://hogash.com/?utm_source=wp-plugins&utm_medium=link&utm_campaign=description), the creator of the famous WordPress theme [Kallyas](https://kallyas.net/?utm_source=wp-plugins&utm_medium=link&utm_campaign=description), this plugin is the fastest page builder on the market. The user-friendly tools included in Zion Page Builder make the building process for WordPress websites easier than ever before. Read more on [Zion Builder](https://zionbuilder.io/?utm_source=wp-plugins&utm_medium=link&utm_campaign=description). Zion Builder in action - [TRY IT NOW](https://demo.zionbuilder.io/?enable-zion-builder&utm_source=wp-plugins&utm_medium=link&utm_campaign=description) ## WORDPRESS PAGE BUILDER FEATURES ## = Elements and templates at your fingertips = Add elements and pre-made templates right where you need them from the page builder “Add Elements” Popup. This popup gives access to pre-made layouts, elements, and to the Library System. = Independent composition of elements = Each element is composed of a wrapper and its sub-components. For example, a button is composed of a wrapper, the button, and the icon, and each one of them may have individual styles applied. Unlike other page builders, the plugin adds only the minimal HTML markup needed to render the elements in page. = Unified system of options = Every element has the same easy to use and intuitive options pattern found in the “Element Options” panel. It consists of 3 main tabs: general, styling and advanced. The general tab contains options specific to the edited element, the style tab contains options that can be used to style every aspect of the element while the advanced tab contains options for changing the element name, id, animations and more. = Global styles = To apply the same styles on multiple elements, Global CSS Classes were implemented. They can be styled either from the page options panel or from the Element options panel. No coding skills required. = Live responsive editing = Visually decide the sizes, colors, or positioning of the elements for each screen. This means that any changes made to the mobile view, will only appear on that device and it will not affect the other devices, which will still maintain the original design options. = Custom rich text on click = The inline editor is triggered on text click and provides options such as font family, size, weight, spacing, alignment, or text-transform. It can also be dragged anywhere on the screen so it doesn’t interfere with the design. = Gradient background = Multiple gradients may be layered by making use of color opacity. When set a lower opacity of gradient colors, other gradient layers become visible. This is a powerful and unique feature that lets you add a distinctive touch to your design. = Manage loaded resources = Choose what fonts, colors, gradients, icon packs, or templates to appear in the page builder. That means you can choose only the fonts you need on your website even if on the dashboard you have access to hundreds of other fonts. By default, the builder loads only the resources needed for the rendered page so you can get a fast website out of the box, without the hassle of micro optimization. = History of actions = Saving system, history of your actions, post revisions, users permissions, or easily discard changes give you the power of becoming the sole creator of your website. Shortcuts for undo and redo are also available. = Design features = The following extra design features come built-in the Panel Element Options: Blending Background, ColorPicker, Pseudo – selectors, Element’s motion control, Flexbox control, Powerful background image, Filters, Borders, Shadows, Typography, Transform, Transitions. = Library system = It contains the actions needed to import and export library parts and access to Zion library that provides hundreds of pre-made templates. = Dragging size and spacing = Live edit the margins, padding and size by dragging the element outline toolbar. = Moving elements = Repositioning the elements is done with simple dragging and dropping anywhere in the page or in the tree-view. A blueish line is the hint of the new position. = Keyboard shortcuts = The most used and intuitive keys were implemented to ensure the accessibility of user actions. = Discard changes = A unique feature of Zion Builder is the "display" of a green dot showing the options that have changed. No more looking around to check each option to see if it was changed. = Top right toolbar shortcuts = This toolbar appears only when hovering an element and gives the possibility to access the options panel, to save, hide, duplicate, or delete the element. = Custom workspace = The user is able to open, close, drag, and resize the panels according to his needs. The main panel can be dragged on the left or right side of the page. = Right click actions = By right clicking on an element ( from the preview page or tree view panels ) a custom menu appears with the main set of actions needed: copy, edit, remove, duplicate, hide, save, cut, discard, and copy element styles. = Searchable options = We implemented a search system so that you can easily find any option needed. No more looking around the options panel to search the exact option. This greatly improves the learning curve for new users. = Flexbox control = Control the alignment of your content ( the child or the parent elements ) to be vertical, horizontal, or center. All the flex-box rules are implemented in the display section of Panel Element Options. = Pseudo-selectors = “Hover” state of an element combined with the independent composition of elements brings a powerful design that otherwise would have been achieved only with custom code. = Element's motion control = From the advanced tab in the edit element panel, you can add movement to the elements. There are ready to use animations such as fade, slide, zoom, etc. An animated element will start it’s animation only when it is visible on the page. = Post revisions = The builder uses the WordPress revisions feature. With each page save, a new page revision is also created allowing the user to go to a previous version of the page. = Extendable options = Built with PHP and Vue JS, the builder can be easily extended by adding new elements, adding new option types and custom conditions for the theme builder. = Renaming elements = Locating the correct element to interact with can be difficult when developing a complex web page. So you can rename your elements to get easily identified. On top of this, each element can be identified by its unique icon. = RTL support = Zion Page Builder supports RTL which is vital for languages that are read from right-to-left (rather than left-to-right). == WORDPRESS PAGE BUILDER 25+ FREE ELEMENTS == * __Section__ - Has plenty of options to customize your layout. * __Column__ - Create your initial structure and fill it with other content elements. * __Text Editor__ - Write, edit, format text, and even WordPress shortcodes on your website. * __Custom HTML__ - Allows to include HTML code in the element section in case you need them. * __Shortcode__ - Insert advanced features or content blocks within your site. * __Google Maps__ - Add this item wherever you think it is necessary to guide your visitors to a place of interest. * __Counter__ - Progressively count up a value of your choice. * __Progress Bars__ - Visually represent the evolution of a process, skills, and project progress. * __Image Slider__ - Perfect for showcasing a set of images, portfolio pieces, and client logos. * __Anchor Point__ - Used to set up a One Page navigation on your website or maybe a documentation-like page. * __Testimonials__ - Perfect way to show your potential clients the kind of work you can provide. * __Icon List__ - Assign an icon to each element of the list and set the content of the element. * __Alert__ - Notify the user about something special, like – danger, success, information, or warning. * __Sidebar__ - Display information other than the main content of the web page. * __Soundcloud__ - Display an embedded SoundCloud module to play an audio file hosted on SoundCloud. * __Pricing Box__ - Create highly customizable interactive pricing tables with a lot of customization options. * __Tabs__ - Perfect for displaying a large amount of organized information in a small area. * __Accordions__ - Display the content like the tabs element, and use the available space more efficiently. * __Image Box__ - Easily add images with a large amount of control over their appearance and behavior. * __Image__ - Place an image from the media library or computer to the layout. * __Icon__ - Every icon is 100% full vector, so they look incredibly sharp and are retina-ready! * __Icon Box__ - Create a box with an icon and add a description to it. * __Gallery__ - Quickly create a responsive and stylish image gallery. * __Heading__ - Very easy to use, and allows for some interesting customizations. * __Video__ - Offers the ability for users to post self-hosted, YouTube, or Vimeo video clips easily to their websites. * __Button__ - Allows a variety of buttons with a lot of options. * __Separator__ - Highly flexible separator allows to control border size, color, width, alignment, margins above and below, and you even add icons to them. == WORDPRESS PAGE BUILDER PREMIUM FEATURES == [Zion Builder Pro](https://zionbuilder.io/pricing/?utm_source=wp-plugins&utm_medium=link&utm_campaign=description) - Innovative plugin that comes to complete Zion Builder with many awesome features and elements which are meant to help users build their websites in no-time. = Access to complete style options = One of the things users love about Zion Builder Pro is the ability to fine tune almost every CSS property directly from the options panel. Combine this with the ability to change the styling for responsive devices and pseudo selectors so you have complete control over the page design. = Ability to upload custom fonts = Zion Builder Pro makes it really easy to add custom fonts to your website. After uploading your font files to Zion Builder, your newly added fonts will be available in the editor at typography settings. = Ability to use Adobe fonts = Integration with Adobe Fonts was thought even from the beginning because this is a feature designers need. = Ability to upload custom icons = Importing custom icon packs created with Zion Builder Pro has never been easier. Any new icon pack added will be available in Zion Builder icon library. = Role Manager = Managing user's permissions is done from Zion Builder's dashboard. You can have full control of what users can edit. = Custom CSS = With custom CSS you can fine-tune the styling. Add custom CSS to elements and/or pages. = Custom JavaScript = With PRO, the page functionality may be extended by adding a JavaScript code which is only rendered on the current page = Complex Accordions and Tabs elements = With PRO the Accordions and Tabs elements accept nested elements as content. This is a powerful feature that lets you create unique designs. = Access to PRO templates and elements = With PRO you have access to premium design templates that you can import with just one click. = Access to global colors = Global Colors and Gradients have the superpower to edit a color or a gradient in one place and have those changes take effect everywhere that color is used. = Access to global gradients = Try out the Global Gradients yourself and you’ll see how you can spice up the design of your website while saving time. = Dynamic content for various fields = Replace static content from elements that are managed in WordPress with dynamic ones. = Access to PRO shape dividers = Add extra spice to the design and users will love them. = Additional PRO elements = The most wanted and powerful elements are provided in the Zion Builder Pro version. Currently the elements from Pro version are: * __Countdown__ * __Social Share__ * __Search__ * __Pro Tabs__ * __Pro Accordions__ == ZION PAGE BUILDER UPCOMING FEATURES == * Theme Builder * WooCommerce elements for theme builder * Header & Footer Builder * Popup Builder * Background Multi-Layers + Parallax * Global Smart Areas * Global Typography * Grid display * Copy / Paste Specific styles * Import / Export Page options * New Pro Templates * New Pro Elements Take total visual control of your layouts and escape from theme limitations with [Zion Builder Pro](https://zionbuilder.io/pricing/?utm_source=wp-plugins&utm_medium=link&utm_campaign=description) = BE A CONTRIBUTOR = If you want to help, go to our [Zion Builder GitHub Repository](http://github.com/zionbuilder/zionbuilder). From there you can help us by opening new feature requests tickets as well as reporting bugs. Even more, if you're a developer and want to improve or add a new feature to the builder, you can create a pull request. = DOCUMENTATION AND SUPPORT = * For documentation and tutorials visit Zion Builder's [Help Center](https://zionbuilder.io/help-center/?utm_source=wp-plugins&utm_medium=link&utm_campaign=description). * For more information about features check out our website at [Zion Builder website builder](https://zionbuilder.io/features/?utm_source=wp-plugins&utm_medium=link&utm_campaign=description). = Need more help? = We are here to help you anytime - Just join the [Zion Builder Community](https://www.facebook.com/groups/zionbuildercommunity). = Connect with us = * Follow us on [Facebook](https://www.facebook.com/zionpagebuilder) * Follow us on [Instagram](https://www.instagram.com/zionbuilder/) * Follow us on [Twitter](https://twitter.com/zionpagebuilder) * Subscribe to our [YouTube](https://www.youtube.com/channel/UCfjUWpdwjBnOuMSvL7u6yXg) channel == Frequently Asked Questions == = What is Zion Page Builder? = Zion Builder is a front end visual page builder plugin for WordPress. Zion Page Builder lets you create original-looking posts and pages, compared with the post/page templates that come with the standard WordPress theme. It doesn’t require any HTML/CSS/PHP/coding skills. Zion Page Builder gives you full control over what your page looks like on desktop, tablet, and mobile. = Can I edit posts or other custom post types with Zion Page Builder? = Yes, you can edit posts, pages, and custom post types with Zion Builder by activating them from the Admin panel. = Zion Builder compatibility with other themes and plugins = Zion Builder is compatible with most themes that are well constructed according to WordPress guidelines. Zion Builder works with almost every plugin, and mostly with the most popular plugins = Can I integrate Zion Page Builder for my commercial theme? = The answer is definitely yes. If you run any kind of commercial business based on a WordPress theme and you wish to add interactivity in your pages, then Zion Builder can serve you the best. == Changelog == = 2.2.0 2021-04-12 = * Varsious overall builder speed improvements * All elements that reqiures data from server are now grouped in a single server call * Removed various css/js files from loading if they are not needed on the page * Added style options for icon box spacer * Improved order of scripts loading * Added style options for modal close button * Added indicator showing that an element has custom css classes applied * Added additional style options for separator element * Plugin developers: You can now condition the render element from inside the element class * Fixed css classes added multilple times in certain conditions * Fixed element from library added after a section instead of inside it * Improvement: When a new item is added to the library, the library automatically navigates to the newly added element * Improved initial disply of library items * Added additional php actions and filters * Updated Vue JS to latest version * Fixed local changes popup appears in certain conditions even if there were not unsaved changes to a page * Fixed global colors generating with the same id * removed empty options values from saving to DB * Improved PRO compatiblity regarding repeated elements = 2.1.1 2021-03-16 = * Fixed modal script not loaded properly = 2.1.0 2021-03-16 = * Feature: Improved compatibility with caching plugins * Feature: Added ability to change the icon background for icon element * Feature: Added style options for icon element * Feature: Added repsonsive options for section/column mask height * Improvement: Added ability to use dynamic data for accordion titles * Fixed: 0 column offset not applying * Fixed: Custom css classes cannot be deleted in certain conditions * Fixed: Various small fixes = 2.0.0 2021-02-26 = * Feature: Added breadcrumbs above options when using element options search * Feature: Added element icon for elements in tree view * Feature: Added categories to add elements popup * Feature: Added move element action to history * Feature: Added link option for column * Improvement: White space typography option * Improvement: Default WordPress themes compatibility * Improvement: Tooltip and rest API * Improvement: Visual improvements for Panel Element Options and OptionsForm * Improvement: Visual improvement for has changes bullet * Improvement: Added element icons to treeview and wireframe view * Improvement: Updated style for anchorPoint element in editor mode * Improvement: Performance tweaks for input range dynamic * Improvement: Inline-editor bugfixes and code improvement * Improvement: Added inner content styles and single item color option for iconlist * Improvement: Admin dashboard responsiveness * Improvement: Added string in case no value added for inline edit * Improvement: Added message when the element has no specific options * Improvement: Added background video options * Improvement: Allow themes to hook into plugin integrations * Improvement: Added invalid element component * Fixed errors when ssl is not properly set on websites * Fixed cannot properly drag items inside tabs * Fixed console error related to open panels * Fixed Toggle Library Panel when inserting items * Fixed dynamic text can be edited with inline editor * Fixed visual bug for right click in tree view panel * Fixed rename elements with right click * Fixed heading from 'Add Elements' popup inheriting styles from theme * Fixed CSS is not loaded in editor mode when using shortcodes * Fixed Custom css class cannot be deleted * Fixed repeater option console error in case no button text added * Fixed several sortable related issues * Fixed icon height bigger than width for certain icons * Fixed prevent link follow in text element and button element * Fixed delete custom-pseudoselectors * Fixed Added delete changes for responsive options * Fixed panel options search * Fixed pseudo selector delete kept styling * Fixed pseudo selector not resetting when editing a new element * Fixed add elements popup show while sorting elements * Fixed php notice for accordion element * Fixed Switch option styles * Fixed typography option not showing on general tab * Fixed Custom pseudoselector field not closing * Fixed modal visual bugs * Fixed Save is triggered only if clicked on the icon on the main panel * Fixed set wrapper tag for ProgressBars * Fixed Search content tab is not displaying correctly * Fixed Empty element appear in Add Elements popup = 1.2.3 2020-12-14 = * Improvement: rtl support for both editor and rendered page * Improvement: Error message when a template cannot be inserted * Improvement: Added video to plugin description * Improvement: Avoid extra click when inserting icon into page * Improvement: Added invert filter to style options * Fixed icon element generates color css twice * Fixed back button from library preview closes the panel * Fixed plugin name display * Fixed add global color visual bug * Fixed placement and style for Elements filtering in Add Elements popup * Fixed description text in about modal = 1.2.2 2020-12-09 = * Fixed focus on inline editor font size * Fixed Panel Library maximize buton click not working * Fixed wp 5.6 compatibility * Fixed click on adding global color closes colorPicker * Fixed tabs element not applying custom classes = 1.2.1 2020-12-08 = * Internal Feature: allow setting default value for repeater field * Improved: Add message when there are no saved gradients * Improved: Added allow Html in title fields in editor mode * Improved: Icon element markup in editor mode * Improved: demo mode * Improved: icon tab set normal default * Fixed Column styling options not showing on Safari on MacOS Big Sur * Fixed render classes on positioning the counter element * Fixed accordions element not showing in page when first added * Fixed Box shadow inset applies even if it is set to no * Fixed heading align option not responsive * Fixed custom classes not applying to various elements = 1.2.0- 2020-12-07 = * Added options to style the active tab for Tabs element * Added WordPress filters for REST controllers * Renamed Custom HTML element to Custom Code * Improved: Changes green dot now appears for dynamic values * Improved Zion Builder library display Improved: The options panel will show the general tab when editing a different element * Improved: Removed help tab from builder panel. * Improved: Page cache not clearing properly when modifying the page * Fixed accordion and tabs elements not working in certain conditions * Fixed icon element options not applying in certain conditions * Fixed shortcodes not working * Fixed element changes not saving to history in certain conditions * Fixed pseudo-element before options shows console error in certain conditions * Fixed restoring from local storage not working in certain conditions * Various code cleanup and improvements = 1.1.0- 2020-11-24 = * Feature: Add Elements Popup pens automatically when column layouts are inserted * Feature: Element options panel: Added ability to click on the element title to select the parent element * Feature: Abillity to change Column setting for each viewport for Zion's Gallery Element * Feature: Make Button Position option changeable per viewport * Renamed regenerate css to regenerate css and js * Improved history * Improved Tabs Element * Allow save page on content editable * Allow browser context on right click in preview mode * Hide element menu when scrolling * Replaced pageEvents with windows * Update plugin info card for pro version * Update Urls for changelog * Implemented element scroll to * Replace modal tour with intro video * Change Tab name from "Columns" to "Layouts" * Updated elements registration * Created methods for adding childs to elements * Added ability to use zion builder version of Vue * Made components package as vue plugin * Reorganized components * Updated to Popper2 * Removed Vuex from dependencies * Add padding to element icon for image element * Add v1.0.0 to lerna * Update to Vue 3 and fix compatibility syntax * Switched to monorepo * Added filter for license check * Update Data Fonts Google set * Add ability to get render attributes for multiple tag ids * Fixed poper behaviour on scroll * Fixed image wrapper border on image option * Fixed element custom css not working * Fixed Mozilla bug on input * Fixed locked user data * Fixed image element margin drag hides the toolbox * Fixed Zion Builder not working with Yoast in certain conditions * Fixed PHP Stan erors * Fixed CSS classes not cleared when a new css class is added or changed * Fixed render "Array" string on elements classes * Fixed section masks not working * Fixed element with no options shows values as array * Fixed CSS not generated when using 0 (zero) without any suffix like 'px' for input values * Fixed Absolute Positioning of elements in Zion Builder is not the same as on the front end * Fixed CSS not working correctly inside Zion Builder after changing Column ID * Fixed Zion Keyboard Shortcuts prohibit from typing capital letters inside the Wordpress media popup screen * Fixed css classes not cleared when a new css class is added or changed * Fixed Custom Javascript doesn't get removed in 'Custom Javascript' under 'Page Options' when saving page = 1.0.1- 2020-08-17 = * Renamed plugin * Changed register element system * Updated composer dependencies * Replaced PRO description from admin * Updated minimum PHP version * Performance optimizations * Implement pro connection * Add pro badge to dashboard * Add calendar picker * Add new transform properties * Moved render methods to render class * Added loading gif to element loading * Update keywords for elements * Prevent adding emty values on transition property * Added offset 0 value for columns * Added dynamic background color option type * Implement masks for sections and columns * Change png to svg in section view * Add specialFilterPak prop to iconsLibraryModal * Add dynamic content to heading, iconbox, iconList, ImageBox,PricingBox, ProgressBars, Testimonial * Added vendor prefixes for css styles * Added filters to various locations * Remove seconds from History items * Added filter for options parsing * Added form filters * Added filter for element custom css * Updated plugin version * Added namespace to plugin file * Updated pagebuilder meta keys * Implemented update system * Added updater base code * Fixed data update not working properly * Fixed template not importing images in certain conditions * Fixed background size contain * Fixed panels height dragging * Fixed background gradient not working * Fixed case sensitive icon search * Fixed styles not generating proper css * Fixed duplicate renderer var * Fixed css duplicated * Fixed animations visibility glitch * Fixed flex direction row in rendered page * Fixed uploaded icons not showing in frontend editor * Fixed css gradients * Fixed animation duration and delay not working properly * Fixed missing post id for bulk actions API call * Fixed inverse text shadow icons for horizontal and vertical spread * Fixed no loader for templates library preview when inserting the item * Fixed blur not rendering correctly * Fixed compatibility with older versions of MySQL/MariaDB * Fixed safari library scroll not working * Fixed compatibility with legacy zionbuilder * Fixed several PHP stan errors * Fixed build command * Fixed testimonial element not showing properly in frontend * Fixed scrollTop and overflow hidden from accordion menu * Fixed compatibility with WP 5.4.2 * Fixed error showing when using video background = 0.1.0 = * Initial Public Release