Select one or more tags, then press “Search Plugins”

Find Plugin with any / all of the selected criteria
Search Plugin

Livo Story Wordpress Plugin - Rating, Reviews, Demo & Download

Livo Story Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

Livo Story lets you attach short vertical videos (“stories”) to your WooCommerce products and display them as a swipeable slider anywhere on your site via shortcode. Visitors can watch a product story and add the product to their cart directly from the story card — including variable products, without leaving the story.

Features

  • Vertical, swipeable video stories for WooCommerce products, desktop and mobile.
  • Add-to-cart card inside the story, with native WooCommerce variation support.
  • Extensible via the livostory_extra_cart_fields filter, so a theme or another plugin can add store-specific fields (e.g. a required date) to the add-to-cart card without modifying Livo Story itself.
  • Admin dashboard to manage stories per product, reorder them, and track basic view stats.

Source Code and Build

The plugin ships with the full, un-minified source behind every compiled file.

  • resources/scripts/ and resources/styles/ hold the JavaScript and SCSS sources.
  • dist/ holds the compiled bundles generated from them.
  • assets/admin/ is plain, hand-written CSS and JavaScript with no build step.

To rebuild the compiled files:

  1. Install Node.js 18 or newer.
  2. Run yarn install (or npm install) in the plugin directory.
  3. Run yarn build, which runs webpack in production mode using webpack.config.js, postcss.config.js and tailwind.config.js, all included in the package.

Third-party libraries compiled into the bundles, all MIT licensed:

  • Swiper 8, in dist/front.js – https://swiperjs.com
  • Chart.js 4 (with @kurkle/color), in dist/admin.js – https://www.chartjs.org
  • Tailwind CSS 3, compiled into dist/admin-style.css – https://tailwindcss.com

Chart.js and @kurkle/color keep their license headers in dist/admin.js.LICENSE.txt,
extracted by webpack at build time.

Screenshots

No screenshots provided


Reviews & Comments