Опис

Easy and fast way show Woocommerce products list with Ajax navigation, category and order filter via shortcode in any page / post.

Useful if you want display some of your products inside article.

Compatible with Woocommerce 3.0.x!

User can filter products by category ang change they order (all this do also Ajax).

In shortcode setting possible filter products by category ID or products IDs and SKUs list (Example: 2,5,8,24).

For insert products list use following shortcode:
[woo_ajax_nav columns=”3″ orderby=”title” order=”asc” per_page=”3″ product_cat=”” ids=”” skus=””]

Params:

columns: columns number (1,2,3,4)
orderby and order: https://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters
per_page: how many product shows in one page
product_cat: from what category select products
ids: products ids (Example: 2,5,8,24), if need shows just specific products

Note: Woocommerce products block design depends on used WordPress theme and Woocommerce styles.

Скріншоти

Unzip plugin archive and upload to the /wp-content/plugins/ directory or install from WordPress.org
Activate the plugin through the ‘Plugins’ menu in WordPress
Set up plugin settings in Settings => Woo Ajax Nav page
Place [woo_ajax_nav columns=”3″ orderby=”title” per_page=”3″ product_cat=”” ids=”” skus=””] in your page / post content

Installation Instructions

Unzip plugin archive and upload to the /wp-content/plugins/ directory or install from WordPress.org
Activate the plugin through the ‘Plugins’ menu in WordPress
Set up plugin settings in Settings => Woo Ajax Nav page
Place [woo_ajax_nav columns=”3″ orderby=”title” per_page=”3″ product_cat=”” ids=”” skus=””] in your page / post content

How i can change products block design / layout

It depends on you theme and Woocommerce styles, this plugin do not change products design, just shows products with default styling.

Для цього плагіна немає відгуків.

“Maxi Woo Ajax Navigation” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники:

Перегляньте код, перегляньте сховище SVN або підпишіться на журнал розробки за допомогою RSS.