The WooCommerce Slider to showcase featured products plugin enhances WooCommerce stores by providing a sleek, responsive slider to showcase featured products. Using the [featured_products_slider] shortcode, it displays up to eight featured products with their images, titles, and prices in a dynamic carousel. The plugin ensures a seamless user experience with autoplay, customizable slide transitions, and responsive breakpoints for various screen sizes (4 products on desktop, 3 on tablets, 2 or 1 on mobile). For variable products, it displays the default variation’s price, including sale discounts when applicable, ensuring accurate pricing. The plugin is ideal for highlighting promotions or top products, it offers a visually appealing way to engage customers with minimal setup.
Features of WooCommerce slider to showcase featured products
- Featured products slider: Displays up to 8 featured WooCommerce products in a responsive carousel using the
[featured_products_slider]shortcode. - Responsive design: Adapts to screen sizes with 4 slides on desktop, 3 on tablets (1024px), 2 on small tablets (640px), and 1 on mobile (480px).
- Product details: Shows product images, titles, and prices, with links to product pages for easy navigation.
- Variable product pricing: Displays the default variation’s price for variable products, including regular and sale prices with discount formatting.
- Easy integration: Adds slider functionality via a shortcode, requiring no complex configuration.
- Lightweight & Efficient: Uses native functions for product retrieval to prevent conflicts.
Installation
- Upload the plugin folder to the
/wp-content/plugins/directory. - Activate the Mobileship WooCommerce Slider plugin through the WordPress admin panel.
- Ensure WooCommerce is installed and activated, with some products marked as “Featured” in the product settings.
- Add the
[featured_products_slider]shortcode to any page, post, or widget area where you want the slider to appear.
Usage of WooCommerce slider to showcase featured products
- Mark featured products: In the WooCommerce product admin, mark products as “Featured” using the star icon in the product list or the “Featured” checkbox in the product edit screen.
- Add Slider to page: Insert the
[featured_products_slider]shortcode in a page, post, or widget via the WordPress editor or a page builder. - Customize display: The slider automatically shows up to 8 featured products with thumbnails, titles, and prices. For variable products, the default variation’s price is displayed, with sale prices highlighted if applicable.
- Adjust styling: Customize the slider’s appearance by overriding CSS classes (e.g.,
.slick-slide,.featured-products-slider) in your theme’s stylesheet. - Responsive behavior: The slider adjusts automatically based on screen size, showing 4, 3, 2, or 1 product(s) depending on the device.
Requirements
- WordPress 5.0 or higher
- PHP 7.0 or higher
- WooCommerce 4.0 or higher
- Featured products configured in WooCommerce
