You can use the shortcode generator from the WordPress admin panel to create a new product slider shortcode.
If needed, you can use our shortcode [ tps ] to generate a custom post slider.
- id, the ID of the saved product slider, used when selecting an existing slider from the shortcode generator
- layout, classic|card|overlay|minimal|centered|compact|hero
- items, number of products to display; use -1 to display all matching products
- columns_desktop, number of visible columns on desktop, from 1 to 6
- columns_tablet, number of visible columns on tablet, from 1 to 4
- columns_mobile, number of visible columns on mobile, from 1 to 2
- product_filter_mode, none|include|exclude
- include_products, product IDs to include, separated by comma
- exclude_products, product IDs to exclude, separated by comma
- category_filter_mode, none|include|exclude
- product_categories, product category IDs to include, separated by comma
- exclude_product_categories, product category IDs to exclude, separated by comma
- tag_filter_mode, none|include|exclude
- product_tags, product tag IDs to include, separated by comma
- exclude_product_tags, product tag IDs to exclude, separated by comma
- sale_filter_mode, none|include|exclude
- orderby, date|title|price|sales|rating|menu_order|rand
- order, DESC|ASC
- filter_featured, set this option ON to display only WooCommerce featured products
- filter_free, set this option ON to display only products with a zero price
- only_in_stock, set this option ON to display only products marked as in stock
- show_image, set this option ON to display the product image
- show_title, set this option ON to display the product title
- show_price, set this option ON to display the product price
- show_rating, set this option ON to display the product rating
- show_sale_badge, set this option ON to display the sale badge for discounted products
- show_add_to_cart, set this option ON to display the add to cart button
- show_category, set this option ON to display product category links
- show_excerpt, set this option ON to display the product short description
- show_sale_percentage, set this option ON to display the discount percentage in the sale badge
- button_background_color, add to cart button background color
- button_background_hover_color, add to cart button background color on hover
- button_text_color, add to cart button text color
- button_text_hover_color, add to cart button text color on hover
- button_border_radius, add to cart button border radius in pixels
- arrow_background_color, navigation arrows background color
- arrow_background_hover_color, navigation arrows background color on hover
- arrow_text_color, navigation arrows icon color
- arrow_text_hover_color, navigation arrows icon color on hover