WooCommerce Default Shortcodes
WooCommerce includes several built-in shortcodes for you to display your products. With Avada’s custom styles, they really help your products stand out. This is the Recent Products shortcode that allows you to insert your products by category on any page. Adjust column size, items per page, order by format.
[recent_products per_page=»4″ columns=»4″ orderby=»date» order=»desc»]
WooCommerce Recent Products
Display products you’ve recently added to WooCommerce. This shortcode automatically pulls your products for you. Exclude or include categories, specify how many items will be displayed, and change the order by format and type. This shortcode is 100% fully responsive.
[recent_products per_page=»6″ columns=»3″ orderby=»date» order=»desc»]
WooCommerce Featured Products
Display featured products you’ve marked as starred in the WooCommerce settings.This shortcode automatically pulls your products for you. Exclude or include categories, specify how many items will be displayed, and change the order by format and type. This shortcode is 100% fully responsive.
[featured_products per_page=»8″ columns=»4″ orderby=»date» order=»desc»]
WooCommerce Product Categories
Display all or some of your categories to your viewers. This shortcode allows you to display a category box and a number that shows how many products are in that category.
[product_categories number=»»]
WooCommerce Products By SKU/ID
This shortcode allows you to display products based on SKU or ID, and it can be used in any size column and the size will adapt.
[products skus=»003,005,007,004″]
WooCommerce Products By Category
This is the Products By Category shortcode that allows you to insert your products by category on any page. Adjust column size, items per page, order by format.
[product_category category=»category-1″ per_page=»2″ columns=»2″ orderby=»date» order=»desc»]
Complete Set of Options
Every option and description included with the alert shortcode is listed below.
- type — Can be one of these values: general, error, success, notice, or custom. Sets the type of alert message.
- accent_color — Custom setting only. Accepts a hexcode ( #000000 ). Sets the border, text and icon color.
- background_color — Custom setting only. Accept a hexcode ( #000000 ). Sets the background color.
- border_size — Custom setting only. Accepts a pixel value. For example, 1px. Sets border width.
- icon — A font awesome icon value. For example, fa-glass.
- box_shadow — Can be one of these values: yes, or no. This will show or hide a box shadow below the alert box.
- animation_type — Can be one of these values: none, bounce, fade, flash, shake, or slide. Sets the animation to use on the shortcode.
- animation_direction — Can be one of these values: down, right, left, or up. Sets the incoming direction for the animation.
- animation_speed — Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
- class — Add a custom class to the wrapping HTML element for further css customization.
- id — Add a custom id to the wrapping HTML element for further css customization.