Octagon Elements for Elementor

Description

Using ‘Octagon Elements for Elementor’ helps to create a page without touching any lines of code.

There are many other features to help you build better websites:

• Header and Footer Builder
• Icon Manager
• Custom Icon Import
• Mega Menu
• Template Overrides
• Register Custom Sidebar
• System Status
• Automatic CSS Generation
• Duplicate Post
• Taxonomy Image
• Custom Post Type Class
• Custom Meta Box Class
• And much more.

Included more than 30+ elements make developing a themes a lot faster for developers and meaningful for users.

Any doubts, Please check out our Documentation
Look out our Live Demos
Check out the full changelogs here.
Premium plugin available in Codecanyon.

15 free elements and counting

• Advance Button. 10+ button styles with 30+ gradient palette feature.
• Advance Counter. Show stats and numbers in an escalating manner.
• Gradient Text. Add eye-catching headlines with 30+ gradient palette feature.
• Icon Box. Contain with icon, headline, text and button.
• Info Icons. Show icons and text in simple manner.
• Cards. Show icons and text like cards.
• Timeline. Show heading and texts in horizontal timeline view.
• Video Popup. Triggers HTML/Youtube/Vimeo in a Popup view.
• Image Compare. Before and After image comparison slide.
• Gallery Block. 15+ image grid and masonry blocks styles.
• Social Icons. Simple social icons group to mention social accounts links, and it has 5+ styles.
• Content Type. Show grid/masonry style blog posts with 4 types of paginations support.
• Content Type List. Show list style blog posts with 4 types of paginations support.
• Content Type Slider. Show grid/masonry style blog posts carousel.
• Team Slider. Show team members in grid view carousel.
• Testimonial Slider. Customer testimonials that show social proof.
• Products List. List style products depends on queries.
• And counting…

12 pro elements and counting

• Image Box. Split one column with image and another with headline, text and button.
• Image Mask. Present the image in 10+ unique manner.
• Login & Register Form. Full AJAX login and register form.
• Portfolio. Show projects/works in grid/masonry view.
• Portfolio Slider. Show projects/works in grid/masonry view carousel.
• Portfolio Extend Slider. Show projects/works in full width carousel.
• Team. Show team members in grid view.
• Products. Show products in grid view.
• Products Slider. Show products in grid view carousel.
• Compare Products. Set of products details in table view.
• Wishlist. User can add/view the favourite products.
• Ajax Product Search. Enter atleast 3 letters to show products list via AJAX.
• And counting…

Requirements

Simply install as a normal WordPress plugin and activate and it requires elementor page builder.

Minimum Requirements

• WordPress 5.0 or greater
• PHP version 7.0 or greater
• MySQL version 5.0 or greater

We recommend your host supports:

• WordPress Memory limit of 64 MB or greater ( 128 MB or higher is preferred )

Notes

• It requires Elementor Page Builder should be activated.

Installation

1. Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the ‘wp-content/plugins/’ directory of your WordPress installation.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. Go to Pages > Add New.
4. Press the ‘Edit with Elementor’ button.
5. New elements are added at the Elementor elements Menu Called “Octagon”. Make sure you enabled the modules in “Octagon > Modules”.

FAQ

Does it work with any WordPress theme?

Yes, it will work with any WordPress theme as long as you are using Elementor as a page builder.

Will this plugin slow down my website speed?

Octagon Elements for Elementor is light weight and we also gave you the control to enable only the elements you actually use on your website for faster performance.

Where can i find the new element added

Edit the page with elementor, elements are added at the menu Called “Octagon”. Make sure you enabled the modules in “Octagon > Modules”.

Reviews

Contributors & Developers

Changelog

1.4 – May 30 2020

• Element – “Gallery Block” element added.
• Tweak – Removed octagon_make_class() and octagon_trim(), added octagon_change_case().
• Tweak – Removed octagon_builder_exists().
• Dev – Filter introduced octagon_allow_adaptive_images to allow image srcset on cropped images.
• Dev – Filter introduced octagon_get_placeholder_image_src to set a default placeholder image src.

Files Change:

• ../assets/js/scripts.js
• ../assets/js/frontend.js
• ../core/assets/css/octagon.css
• ../core/class-enqueue-scripts.php
• ../core/helper-functions.php
• ../core/class-metabox.php
• ../core/icon-manager/class-icon-manager.php
• ../core/class-sidebar.php
• ../core/views/html-welcome.php
• ../includes/class-enqueue-scripts.php
• ../modules/initialize-elements.php

Files Added:

• ../assets/less/shortcodes/gallery-block.less
• ../core/library/js/shuffle.min.js
• ../modules/gallery-block.php
• ../shortcodes/gallery-block.php

1.3 – May 26 2020

• Element – “Image Compare” element added.
• Template – Action oee_content_type_loadmore changed to octagon_content_type_loadmore in “Content Type” element.
• Template – Action oee_content_type_list_loadmore changed to octagon_content_type_list_loadmore in “Content Type List” element.
• Template – Action oee_portfolio_loadmore changed to octagon_portfolio_loadmore in “Portfolio” element.
• Template – Action oee_products_loadmore changed to octagon_products_loadmore in “Portfolio” element.
• Fix – Repeatable type in meta box class raise error, when the value is empty.
• Fix – Select2 allow multiple in meta box class not saving when value is empty.
• Tweak – Add taxonomy_exists() check in octagon_first_term() to prevent non-object error.
• Tweak – Add taxonomy_exists() check in octagon_all_consequence_term_slugs() to prevent non-object error.
• Tweak – All ajax action prefix changed from “oee” to “octagon”.
• Tweak – Slick JS library removed, since it’s not used.
• Enhancement – Default “btn_size” value changed to “btn-size-mini” in “Content Type” and “Content Type Slider” element.

Files Change:

• ../assets/js/scripts.js
• ../core/assets/css/admin.css
• ../core/class-enqueue-scripts.php
• ../core/class-metabox.php
• ../core/helper-functions.php
• ../core/theme-functions.php
• ../core/views/html-icon-manager.php
• ../core/views/html-status.php
• ../core/views/html-welcome.php
• ../includes/helper-functions.php
• ../includes/class-ajax-calls.php
• ../modules/initialize-elements.php
• ../modules/content-type.php
• ../modules/content-type-slider.php
• ../shortcodes/content-type.php
• ../shortcodes/content-type-list.php
• ../shortcodes/content-type-slider.php
• ../shortcodes/portfolio.php
• ../shortcodes/products.php

Files Added:

• ../core/library/css/image-compare-viewer.min.css
• ../core/library/js/image-compare-viewer.min.js
• ../modules/image-compare.php
• ../shortcodes/image-compare.php

Files Removed:

• ../core/library/css/slick.min.css
• ../core/library/js/slick.min.js

1.2 – May 23 2020

• Template – ‘Login & Register Form’ element template adjusted.
• Tweak – Online documentation and Support forum link changed in admin area header.
• Tweak – Change log link changed in welcome page.
• Tweak – Meta box tab menu width adjusted.
• Tweak – Unwanted ‘$options’ and ‘$elements’ variables removed in all ‘loadmore’ ajax call functions.
• Fix – Icon picker switching icons pack ‘option’ tag not rendered properly, because of ‘wp_kses’ allowed html.
• Fix – Data validation and sanitization improved.
• Dev – Filter introduced ‘octagon_portfolio_general_meta_fields’ to modify portfolio general fields.
• Dev – Filter introduced ‘octagon_portfolio_meta_fields_group’ to modify portfolio tabs.
• Dev – Filter introduced ‘octagon_testimonial_general_meta_fields’ to modify testimonial general fields.
• Dev – Filter introduced ‘octagon_testimonial_meta_fields_group’ to modify testimonial tabs.
• Dev – Filter introduced ‘octagon_team_general_meta_fields’ to modify team general fields.
• Dev – Filter introduced ‘octagon_team_social_meta_fields’ to modify team social fields.
• Dev – Filter introduced ‘octagon_team_social_default_fields’ to set the team social default repeatable field values.
• Dev – Filter introduced ‘octagon_team_meta_fields_group’ to modify team tabs.

Files Change:
* ../core/assets/css/admin.css
* ../core/class-enqueue-scripts.php
* ../core/select2-data.php
* ../core/views/html-header.php
* ../core/views/html-welcome.php
* ../core/icon-manager/class-icon-manager.php
* ../includes/list-tables/class-admin-list-table-templates.php
* ../includes/list-tables/class-admin-list-table-testimonial.php
* ../includes/class-ajax-calls.php
* ../includes/init-meta-fields.php
* ../shortcodes/login-register-form.php

1.1 – May 21 2020

• Enhancement – Add ‘Style Section’ for Notices on ‘Compare Products’ element.
• Enhancement – Add ‘Style Section’ for Notices on ‘Wishlist’ element.
• Enhancement – Add ‘Style Section’ for ( Excerpt, Client Name and Client Job ) on ‘Testimonial’ element.
• Enhancement – Add ‘Content Section’ for Load More on ‘Content Type’ element.
• Enhancement – Add ‘Style Section’ for ( Load More, Page Numbers, Next/Previous ) on ‘Content Type’ element.
• Enhancement – Add ‘Content Section’ for Load More on ‘Content Type List’ element.
• Enhancement – Add ‘Style Section’ for ( Load More, Page Numbers, Next/Previous ) on ‘Content Type List’ element.
• Enhancement – Add ‘Content Section’ for Load More on ‘Portfolio’ element.
• Enhancement – Add ‘Style Section’ for ( Load More, Page Numbers, Next/Previous ) on ‘Portfolio’ element.
• Enhancement – Add ‘Content Section’ for Load More on ‘Product’ element.
• Enhancement – Add ‘Style Section’ for ( Load More, Page Numbers, Next/Previous ) on ‘Product’ element.
• Enhancement – Add ‘Style Section’ for ( Title, Input and Button ) on ‘AJAX Product Search’ element.
• Template – Few element templates updated( Compare products, Content type, Content type list, Portfolio, Products, Wishlist ).
• Tweak – Removed ‘$wrapper_attr[]’ in /shortcodes/compare-products.php and change into elementor function ‘get_render_attribute_string()’.
• Tweak – Dynamic CSS file updated.
• Fix – Gradient palette style not applies in Advance Button, when ‘From Gradient Palette’ option used.
• Fix – ‘Icon Position’ and ‘Only Icon’ not shown in ‘Image Box’ element.
• Fix – Number pagination CSS style corrected.
• Localization – Translations strings updated.

Files Change:
* ../core/assets/css/gradient-palette.css
* ../core/assets/css/octagon.css
* ../core/class-enqueue-scripts.php
* ../includes/custom-styles.php
* ../includes/class-enqueue-scripts.php
* ../includes/helper-functions.php
* ../modules/ajax-product-search.php
* ../modules/compare-products.php
* ../modules/content-type.php
* ../modules/content-type-list.php
* ../modules/image-box.php
* ../modules/portfolio.php
* ../modules/products.php
* ../modules/wishlist.php
* ../modules/testimonial-slider.php
* ../shortcodes/compare-products.php
* ../shortcodes/content-type.php
* ../shortcodes/content-type-list.php
* ../shortcodes/portfolio.php
* ../shortcodes/products.php
* ../shortcodes/wishlist.php
* ../languages/octagon-elements-lite-for-elementor.pot

1.0 – May 20 2020

• Info – Initial Release.