Directory / plugin
Nexvio for WooCommerce
v1.0.0 · by Md. Farhan Sadik
Elementor widgets for WooCommerce: product slider, grid, AJAX filter, side cart and a built-in wishlist.
About this plugin
Nexvio adds a set of WooCommerce widgets to Elementor — product slider, product grids, an AJAX product filter, header search, related products, add to cart, a side cart and a built-in wishlist — and gives you one dashboard in wp-admin to manage them all.
Nexvio is an independent plugin and is not affiliated with or endorsed by WooCommerce or Elementor.
Everything lives under Nexvio in your wp-admin menu, with pages for Dashboard, Widgets, Filters, Add to Cart, Wishlist, Settings and Documentation.
Widgets
You find them in the Elementor panel, in the Nexvio category.
Products
- Product Slider — carousel of products (for example featured or new), with continuous infinite scroll, arrows and drag.
- Products Card — a grid of simple product cards (image, title, description, price, button) with a short Style tab: Layout design, Image, Card Content, Button, Badges, Pagination and the No products message. Has the hover gallery image option.
- Products Card Layouts — a grid of chosen products (latest, featured, on sale, best sellers, categories, tags or IDs) for any page, with 12 selectable card designs and its own pagination.
- Product Showcase (Tabs) — a big product view (image, title, short description, price, stock countdown, payment options such as Tabby / Tamara, quantity and Add to cart) with a clickable product list that switches the view. Columns per device, list columns per device, every colour and size is a control.
Shop
- Products Archive — the shop and product archive widget with the Products Card design. It shows the products of the page being viewed, follows the filters and the archive pagination, and has result count and sorting.
- Products Archive Layouts — shop and category grid with 12 selectable card designs, pagination, result count and sorting, Grid / List view and optional Grid / List buttons for shoppers. Works with the filter.
- Product Filter — AJAX filter with search, price range, categories, attributes, tags, availability, rating, on sale and featured, plus Sort by and Products per page.
- Filter Popup (side panel) — a Filters button that slides the Product Filter in from the left or right. Apply closes the panel and updates the products; the button shows the number of active filters.
Single product
- Related Products — related products of the current product with the Products Card design (same category, most popular first), as a slider or a grid.
- Related Products Layouts — the same related products with 12 selectable card designs.
- Add to Cart — quantity selector, AJAX add to cart (including variable products) and a wishlist heart.
Header
- Header Search — search icon that opens a search bar and filters products by title.
- Wishlist Icon — heart with a live counter that links to the wishlist page.
Wishlist
- Wishlist Card — the “My favorites” page with the Products Card design; hearts remove cards live.
- Wishlist Card Layouts — the same wishlist page with 12 selectable card designs.
Hover gallery image
Products Card, Products Archive, Related Products, Wishlist Card and the three Layouts widgets can show a second picture from the product gallery when the pointer is over the card. Settings (Content tab, Hover gallery image): Enable Gallery Image on Hover, Enable Hover Animation, Animation Effect (Fade, Zoom In, Zoom Out, Slide, None), Animation Duration and Animation Easing (Ease, Ease In, Ease Out, Ease In Out). Products without a gallery image keep their main image.
Cart
- Header Cart — cart icon with a live counter that opens the side cart.
- Cart Panel — the full cart shown on a page, with full control over content and style.
- Floating Cart — a fixed cart button with a live counter that opens the side cart.
Product card designs
- 12 card designs — Classic Vault, Minimal Light, Image Overlay, Horizontal, Glass, Neon Outline, Elevated Shop, Compact Tiles, Editorial, Price Tag, Spotlight and Boutique — chosen with a visual picker, with design-specific style controls.
- Colour swatches on product cards, with the variation image of the chosen colour on variable products.
- Description and rating — optional short description and star rating on every card.
Product Filter
- Build the fields visually — add, reorder and remove fields on the Filters page, with a live preview and a Light / Dark look.
- Categories — list, checkboxes, dropdown or buttons, with counts; sub-categories are collapsed under a + button and the current branch opens automatically.
- Attributes — checkboxes, colour circles, image swatches or size buttons.
- AJAX updates — the products update without reloading the page.
Side cart
- Slide-in cart — quantities, remove, coupons, subtotal, discounts, shipping, total, and checkout / view cart buttons, using the native WooCommerce cart.
- Look settings — Luxury, Light or Dark with one main colour and a live preview.
- Cart texts follow the site language automatically (WooCommerce translations plus built-in phrases in 15 languages).
Built-in wishlist
- No other plugin needed — logged-in customers keep their wishlist in their account; visitors keep it in a cookie that is added to their account when they log in.
- Settings — wishlist page, visitor wishlist on/off and its duration.
- Shortcode —
[nexvio_wishlist_count]shows the number of items.
Admin
- Dashboard — status, key numbers and a quick setup guide.
- Widgets — enable or disable each widget, or all of them; search, and Active / Inactive counters.
- Settings — wishlist, products per page and automatic related products.
- Documentation — how to set up and use every widget, shortcodes, hooks and FAQ, inside wp-admin.
For developers
- URL parameters —
nexvio_q,min_price,max_price,nexvio_tax_{taxonomy},nexvio_tax_{taxonomy}_all,nexvio_stock,nexvio_sale,nexvio_featured. - Filters —
nexvio_product_query_args,nexvio_grid_pagination_args,nexvio_related_query_args. - Actions —
nexvio_wishlist_addedandnexvio_wishlist_removed(product ID). - JavaScript events (jQuery, on
body) —nexvio_wishlist_changedandnexvio_filter_updated. - Shortcode —
[nexvio_related_products]for related products outside the single product template.
Source Code
All JavaScript and CSS files of this plugin are shipped unminified and human-readable, exactly as written. There is no build step, no compiled code and no external library bundle, so the files inside the plugin folder are the full source code:
- PHP:
nexvio.php,includes/,widgets/,admin/ - JavaScript:
assets/js/andadmin/assets/ - CSS:
assets/css/andadmin/assets/
The development repository is on GitHub: https://github.com/mdfarhan01/nexvio-for-woocommerce