WooCommerce Recent Products<\/strong><\/span><\/p>\nDisplay 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.<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
[recent_products per_page=”6″ columns=”3″ orderby=”date” order=”desc”]<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
WooCommerce Featured\u00a0Products<\/strong><\/span><\/p>\nDisplay featured products you’ve\u00a0marked as starred in the\u00a0WooCommerce 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.<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
[featured_products per_page=”8″ columns=”4″ orderby=”date” order=”desc”]<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
WooCommerce Product Categories<\/strong><\/span><\/p>\nDisplay 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.<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
[product_categories number=””]<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
WooCommerce Products By SKU\/ID<\/strong><\/span><\/p>\nThis 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.<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
[products skus=”003,005,007,004″]<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
WooCommerce Products By Category<\/strong><\/span><\/p>\nThis 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.<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
[product_category category=”category-1″ per_page=”2″ columns=”2″ orderby=”date” order=”desc”]<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
Complete Set of Options <\/strong><\/span><\/p>\nEvery option and description included with the alert shortcode is listed below.<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
- <\/i><\/span>
type<\/strong> – Can be one of these values: general, error, success, notice, <\/em>or custom.<\/em> Sets the type of alert message.<\/div><\/li>- <\/i><\/span>
accent_color<\/strong> – Custom <\/em>setting only. Accepts a hexcode ( #000000 ). <\/em> Sets the border, text and icon color.<\/div><\/li>- <\/i><\/span>
background_color<\/strong> – Custom<\/em> setting only. Accept a hexcode ( #000000 ). <\/em>Sets the background color.<\/div><\/li>- <\/i><\/span>
border_size<\/strong> – Custom <\/em>setting only. Accepts a pixel value. For example, 1px.<\/em> Sets border width.<\/div><\/li>- <\/i><\/span>
icon<\/strong> – A font awesome<\/a> icon value. For example, fa-glass.<\/em><\/div><\/li>- <\/i><\/span>
box_shadow<\/strong> – Can be one of these values: yes,<\/em> or no<\/em>. This will show or hide a box shadow below the alert box.<\/div><\/li><\/ul><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
- <\/i><\/span>
animation_type<\/strong> – Can be one of these values: none, <\/em>bounce, fade, flash, shake, <\/em>or slide.<\/em> Sets the animation to use on the shortcode.<\/div><\/li>- <\/i><\/span>
animation_direction<\/strong> – Can be one of these values: down, right, left, <\/em>or up. Sets the incoming direction for the animation.
\n<\/strong><\/div><\/li>- <\/i><\/span>
animation_speed<\/strong> – Accepts a numerical value from .1<\/em>, which is the slowest, to 1<\/em>, which is the fastest.<\/div><\/li>- <\/i><\/span>
class<\/strong> – Add a custom class<\/em> to the wrapping HTML element for further css customization.<\/div><\/li>- <\/i><\/span>
id<\/strong> – Add a custom id<\/em> to the wrapping HTML element for further css customization.<\/div><\/li><\/ul><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
Join The 100,000+ Satisfied Avada Users!<\/span><\/h1>\n<\/div>