Sermedias

Calio Addon extends Elementor with a growing collection of creative widgets and practical site-building extensions. It is built for designers, freelancers, agencies, and store owners who want more layout options inside Elementor without loading every feature on every page.
The plugin includes content widgets, post widgets, team widgets, navigation widgets, pricing widgets, data/table widgets, gallery widgets, chart widgets, and a WooCommerce product slider. Each module is designed to work inside the familiar Elementor editor, with style controls for typography, colors, spacing, borders, icons, responsive behavior, and layout details where the widget needs them.
<h4>Why use Calio Addon?</h4>
<ul>
<li>Modular widget control: Enable only the widgets and extensions you need from the Calio admin dashboard.</li>
<li>Lightweight loading: Conditional asset loading helps avoid unnecessary frontend scripts and styles.</li>
<li>Elementor-native workflow: Controls are added directly inside Elementor, so you can build and preview visually.</li>
<li>WooCommerce ready: Showcase products with a flexible product slider powered by Elementor’s registered Swiper assets.</li>
<li>Practical design tools: Add accordions, tabs, buttons, headings, galleries, tables, pricing sections, team layouts, post layouts, and more.</li>
<li>Site utility extensions: Add effects such as wrapper links, sticky content, scroll fill, reveal/parallax behavior, and glass-style filters.</li>
</ul>
<h4>Free Elementor widgets included</h4>
<ul>
<li>Accent Headline: Create highlighted headings with flexible text styling.</li>
<li>Accordion: Display collapsible content sections for FAQs and structured content.</li>
<li>Advanced Button: Build call-to-action buttons with icon, layout, and hover controls.</li>
<li>Advanced Heading: Create styled headings with prefix, main, and suffix text options.</li>
<li>Business Hours: Show opening hours and schedules in a clean layout.</li>
<li>Call Out: Highlight offers, announcements, or important messages.</li>
<li>Countdown: Add countdown timers for launches, events, and promotions.</li>
<li>Cube Slider: Create visual slider layouts with a cube-style effect.</li>
<li>Fancy Chart: Display chart data with configurable visual styles.</li>
<li>Fancy Tabs: Organize related content into tabbed sections.</li>
<li>Feature List: Present features with icons, titles, and descriptions.</li>
<li>Feature List Simple: Add compact feature rows for quicker layouts.</li>
<li>Filterable Gallery: Display image galleries with category filtering.</li>
<li>Image Flow: Create flowing image layouts for visual sections.</li>
<li>Image Gallery: Build responsive galleries with Elementor controls.</li>
<li>Kinetic Card: Add interactive card layouts for featured content.</li>
<li>Mega Menu: Build richer navigation experiences for Elementor sites.</li>
<li>Multicolumn Pricing Table: Compare plans and pricing in multiple columns.</li>
<li>Navbar: Add customizable navigation bars.</li>
<li>Post Carousel: Showcase posts in a carousel layout.</li>
<li>Post Grid: Display posts in a clean grid.</li>
<li>Post Timeline: Present posts or content in a timeline format.</li>
<li>Posts Tab: Group post lists by tabs for easier browsing.</li>
<li>Progress Pie: Show circular progress indicators.</li>
<li>Stylish List: Create styled lists with icons and spacing controls.</li>
<li>Table: Add static or external CSV table data to Elementor pages.</li>
<li>Team Member: Highlight individual team profiles.</li>
<li>Team Slider: Display team members in a slider.</li>
<li>WooCommerce Slider: Showcase store products with product query, badge, price, button, image, and navigation controls.</li>
</ul>
<h4>Free extensions included</h4>
<ul>
<li>Glass Filter: Add glass-style visual treatment to supported elements.</li>
<li>Scroll Fill Effect: Animate fill-style effects while scrolling.</li>
<li>Wrapper Link: Add links to sections, containers, or supported elements.</li>
<li>Reveal / Parallax: Add reveal and parallax-style motion effects.</li>
<li>Sticky Content: Keep selected content visible while scrolling.</li>
</ul>
<h4>WooCommerce product slider</h4>
Calio Addon includes a free WooCommerce Slider widget for Elementor. You can display latest products, featured products, sale products, best-selling products, top-rated products, or manually selected products. The widget includes product image, title, category, price, sale badge, rating, add-to-cart action, view product action, carousel navigation, responsive slide controls, and skin/layout options.
<h4>More widgets in Calio Pro</h4>
Calio Pro is available as a paid companion plugin for users who want additional creative widgets, advanced WooCommerce layouts, interactive content sections, and more motion-focused Elementor components.
Selected Pro widgets include:
<ul>
<li>Advanced Accordion</li>
<li>Advanced Icon Box</li>
<li>Advanced Progress Bar</li>
<li>Background Slider</li>
<li>Bento Grid Posts</li>
<li>Bouncing QR Code</li>
<li>Calendar</li>
<li>Card Deck</li>
<li>Card Slider</li>
<li>Circle Info</li>
<li>Content Timeline</li>
<li>Data Table</li>
<li>Fancy Text</li>
<li>Flipbook PDF Reader</li>
<li>Flip Gallery</li>
<li>Flow Step</li>
<li>Horizontal Timeline</li>
<li>Image Reveal Menu</li>
<li>Instagram Feed</li>
<li>Interactive Dock Menu</li>
<li>Interactive Tabs</li>
<li>Interactive Team Accordion</li>
<li>Logo Carousel</li>
<li>Marquee</li>
<li>Motion Spotlight</li>
<li>Narrative Layers</li>
<li>Product Showcase Slider</li>
<li>Scrolling Transition</li>
<li>Simple Animated Menu</li>
<li>Store Locator</li>
<li>Team Showcase</li>
<li>Testimonial Grid</li>
<li>Timed Slider</li>
<li>Typing Text</li>
<li>Unfold</li>
<li>WooCommerce Cart Page</li>
<li>WooCommerce Grid</li>
<li>WooCommerce Product Grid</li>
<li>WooCommerce Product Marquee</li>
</ul>
<h4>Built for control and maintainability</h4>
The Calio admin dashboard lets you enable or disable widgets and extensions individually, search modules by name or category, and review basic requirement checks for WordPress, PHP, and Elementor. This keeps the editing experience focused and helps avoid loading features you do not plan to use.
Third-party libraries:
<ul>
<li>Chart.js (MIT): https://www.chartjs.org/</li>
<li>Swiper (MIT): bundled by Elementor and used through Elementor’s registered script/style handles.</li>
</ul>
Source code and build tools:
The deployed JavaScript and CSS assets are generated from the readable source files included in <code>assets/src</code>. Development tooling is based on <code>@wordpress/scripts</code>. The plugin does not load non-service JavaScript or CSS from third-party CDNs.
External services:
Calio Addon can connect to external services only when an administrator configures and initiates the related feature.
<ul>
<li>Google Calendar API (optional): Used by the API settings screen to connect a Google Calendar account through OAuth and cache calendar metadata for calendar-related widgets. When the administrator starts the connection, authorization codes and tokens are exchanged with Google over HTTPS, and calendar list/user profile data may be requested from Google APIs. Terms: https://policies.google.com/terms Privacy: https://policies.google.com/privacy</li>
<li>Public Google Sheets CSV (optional): The Table widget can fetch a public Google Sheet CSV URL entered by the site editor. The requested sheet URL is sent to Google only when that data source is selected.</li>
<li>Freemius SDK (optional opt-in): Used for account, support, update, licensing, and upgrade flows. The SDK is WordPress.org compliant and asks for user consent before collecting usage/account data. Terms: https://freemius.com/terms/ Privacy: https://freemius.com/privacy/</li>
</ul>

Calio Addon for Elementor – Widgets, Slider & Extensions

Build more flexible Elementor pages with modular widgets, WooCommerce elements, and lightweight extensions for everyday WordPress websites.

PickPlugins

PickPlugins Product Slider is easy and user friendly carousel slider for WooCommerce products, You can create unlimited product slider by this plugin and display anywhere via shortcodes. We added layout builder for your product slider to build as you want, easy to customize and add your own CSS via layout editor you can build some fancy and unique layout. No coding is required to build custom layout and add elements to layout. we added tons of option to handle slider functionality to control slide speed, display or hide navigations and dots.
<h3>Product Slider for WooCommerce by PickPlugins by http://pickplugins.com</h3>
<ul>
<li><a href="https://pickplugins.com/pickplugins-products-slider/" rel="nofollow ugc">Buy Premium !»</a></li>
<li><a href="https://demo.pickplugins.com/woocommerce-products-slider/" rel="nofollow ugc">See the Live demo !»</a></li>
<li><a href="https://pickplugins.com/support/" rel="nofollow ugc">Support !»</a></li>
<li><a href="https://pickplugins.com/documentation/woocommerce-products-slider/" rel="nofollow ugc">Documentation !»</a></li>
</ul>
<h3>Plugin Features</h3>
Slider column number 
You can set custom number of slider column number for different devices like desktop, tablet and mobile.
Slider autoplay 
You can choose slider autoplay on page load completed, so that slider will automatically slide your product to display your customers. you can also set custom values for autoplay speed and timeout.
Slider rewind & loop 
You can set the slider to re-wind when slide item reached to end of the slider and it will automatically start slider from first product. you can also set loop so that slider will never stop and continuously slide to loop through each product.
Slider stop on hover 
When your customer want to see a product on the slider it will automatically stop sliding so that your customer can drag by mouse or touch on mobile device to check their desired products.
Slider center 
You can choose slider item to display one product on center so both side will display 2 product on half size.
Slider navigations 
You can display slider navigations so that user can click these to check or slide product one by one, you can also set position for navigation like top-right, top-left, bottom-left, bottom-right, middle, middle fixed. you can also choose some pre-defined style for navigations, set custom value for navigation sliding speed. also custom background color and text color also available to customize as you need.
Slider dots 
You can display slider pagination or dots at bottom so that user can click these to check or slide product by each screen, you can set custom value for dots sliding speed. also custom background color and hover or active color also available to customize as you need.
Slider RTL 
If you website is running with RTL languages you are feel free to use, this slider plugin has great support for RTL languages.
Slider lazy load 
You can enable lazy load to delay load product thumbnails which product is not in current view, it will increase your page speed and great support for SEO friendly product slider for your WooCommerce.
Touch & Mouse drag 
This is responsive product slider so your customer can slide product by mouse drag or touch dragging based on their devices.
Query products limit 
You can set custom number of query products, like you want to display only 10 item from latest product release. it will save and minimize database query to load faster product slider.
Product categories & terms 
You can choose any product categories or product tag to query product. you can also choose multiple product categories to query product to display on slider. we added terms relations for query product so you can choose conditional product query based on product categories or tags.
Hide out of stock 
You can choose option to hide product these are out of stock, so that your custom will not see the products are not currently available in stock. this is user friendly product slider will minimize user frustration.
Featured product 
You can choose to display or hide featured product on the slider.
On-sale products 
You can display or hide on-sale product on the slider, this is really amazing feature for which customer are looking for on-sale products on your site, this will definitely help you to attract customer and increase product sale.
Product by ids 
This is exclusive feature if you want to display product slider by product ids, if you have some exclusive product for customer you can display these easily.
Query order & orderby 
You can choose product query order ascending or descending and various oderby options like title, date, author, comment count, menu order and randomly.
Custom ribbons 
You can display custom ribbons for each slider, ribbons are very useful to understand slider product objective, you can also customize ribbons background color, text color, height, width and background image. you can also choose 4 pre-define positon to display ribbon at top-right, top-left, bottom-let, bottom-right.
Slider item style 
You can customize slider item or product wrapper style by custom padding, margins, background color and text-align.
Slider container style 
You can customize slider container or wrapper style by custom padding, margins, background color and background image.
<h3>Premium Features</h3>
Recently viewed products 
You can display recently viewed product by customer.
Related products 
You can display product slider as a related products based on current product category and tags. related product also query based on upsells, cross-sells products.
Best selling products 
You can display best selling products based on any categories or tags and custom taxonomies or attributes.
Top Rated products 
You can display top rated products based on categories, tags or custom taxonomies or attributes.
Advance meta fields query 
Query products based on meta fields for advance products queries.
Featured products at first 
You can display featured products at first and then other products.
Layout element 
advance layout elements Stock status, Stock quantity, Product Weight, Product Dimensions, Share button, Recently viewed text, Meta fields

Product Slider, Product Grid, Product Masonry

After an update the plugin has been too complicated with many many options.
Additionally, after the update the slider stop showing the products because more actions need it from me without any notification in the dashboard. You could keep the Backward compatibility at least...

too complicated

Fully responsive and mobile ready Carousel Slider for your woo-commerce product. unlimited slider anywhere via short-codes and easy admin setting.

Calio Addon for Elementor – Widgets, Slider & Extensions vs Product Slider, Product Grid, Product Masonry