Sermedias

<p>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.</p>
<p>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.</p>
<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>
<p>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.</p>
<h4>More widgets in Calio Pro</h4>
<p>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.</p>
<p>Selected Pro widgets include:</p>
<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>
<p>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.</p>
<p>Third-party libraries:</p>
<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>
<p>Source code and build tools:</p>
<p>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.</p>
<p>External services:</p>
<p>Calio Addon can connect to external services only when an administrator configures and initiates the related feature.</p>
<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.

wpdecent

<p><strong>Flexi Product Slider and Grid for WooCommerce</strong> is a lightweight, flexible, and fully responsive plugin that allows you to beautifully showcase your WooCommerce products using carousel, slider, and grid layouts.</p>
<p>Whether you’re promoting featured products or displaying a curated collection, this plugin helps you enhance the shopping experience with minimal setup.</p>
<h3>Features</h3>
<ul>
<li>Display WooCommerce products in a carousel or grid format.</li>
<li>Multiple layout themes (<code>theme_1</code>, <code>theme_2</code>,<code>theme_3</code>, etc.).</li>
<li>Filter products by category slug.</li>
<li>Limit the number of displayed products.</li>
<li>Custom title support for product sections.</li>
<li>Sorting by date, title, price, and more.</li>
<li>Navigation arrows and dots for sliders.</li>
<li>Autoplay and infinite loop features.</li>
<li>Responsive and mobile-friendly design.</li>
<li>Works with any modern WordPress theme.</li>
<li>Easy-to-use shortcodes.</li>
</ul>
<h3>Shortcode Usage</h3>
<h3>Product Carousel Shortcode</h3>
<p>[flexipsg_carousel<br />
title=”Featured Products”<br />
theme=”theme_1″<br />
excerpt=”6″<br />
category=”tshirts”<br />
limit=”8″<br />
order=”DESC”<br />
orderby=”date”<br />
dots=”true”<br />
navigation=”true”<br />
loop=”true”<br />
autoplay=”true”]</p>
<h3>Available Shortcode Attributes:</h3>
<p>  Attribute<br />
  Description</p>
<p>  <code>title</code><br />
  Custom title displayed above the section.</p>
<p>  <code>theme</code><br />
  Choose the design theme (<code>theme_1</code>, <code>theme_2</code>,<code>theme_3</code>, etc.).</p>
<p>  <code>excerpt</code><br />
  Number of words to show in the product short description.</p>
<p>  <code>category</code><br />
  Filter products by WooCommerce category slug.</p>
<p>  <code>limit</code><br />
  Number of products to display.</p>
<p>  <code>order</code><br />
  Set sort order (<code>ASC</code> or <code>DESC</code>).</p>
<p>  <code>orderby</code><br />
  Order by <code>date</code>, <code>title</code>, <code>price</code>, <code>menu_order</code>, etc.</p>
<p>  <code>dots</code><br />
  Show pagination dots (for carousel only) – <code>true</code> or <code>false</code>.</p>
<p>  <code>navigation</code><br />
  Show next/prev arrows (for carousel only) – <code>true</code> or <code>false</code>.</p>
<p>  <code>loop</code><br />
  Enable infinite loop (carousel) – <code>true</code> or <code>false</code>.</p>
<p>  <code>autoplay</code><br />
  Enable automatic sliding (carousel) – <code>true</code> or <code>false</code>.</p>


Flexi Product Slider and Grid for WooCommerce

Very useful and nice UI/UX

A powerful WooCommerce plugin to showcase products using carousel, slider, and grid layouts. Fully responsive and customizable.

Calio Addon for Elementor – Widgets, Slider & Extensions vs Flexi Product Slider and Grid for WooCommerce