Product Views for WooCommerce – Product Slider, Grid, Ticker, List & Masonry

May 14, 2024

Product Views for WooCommerce – Product Slider, Grid, Ticker, List & Masonry Plugin

Transform Product Displays for Better Sales! Enhance your WooCommerce store with a stunning product slider!

Enhance Your Product Displays for Better Sales! Utilize Carousel, Grid, Ticker, List, and Masonry layouts to maximize conversions. Display products anywhere using shortcodes like [gswoo id=#].

Whether you’re selling digital or physical products via WooCommerce, presentation is crucial. GS WooCommerce Product Slider enhances your online store’s appearance, allowing you to engage customers effectively.

With this plugin, create dynamic “Digital Signage” for new product introductions, brand awareness, increased exposure, and sales. No coding knowledge required. It’s the Best WooCommerce Product Slider plugin, offering simplicity, flexibility, and power.

Boost your online business with the Best WooCommerce Product Slider Plugin!

🎬 Live Demo ⬆️ Upgrade to PRO 📚 Documentation 🙋‍♂️ Support

Why WooCommerce Product Slider plugin is crucial for your business?

In today’s competitive online market, captivating product displays are essential for attracting customers and boosting sales. The WooCommerce Product Slider plugin plays a crucial role in enhancing your business by offering dynamic and visually appealing product showcases. With various layout options like Carousel, Grid, Ticker, List, and Masonry, this plugin allows you to create engaging displays that capture attention and encourage conversions.

By showcasing your products in an attractive and organized manner, the WooCommerce Product Slider plugin helps you stand out from the competition and provides a better shopping experience for your customers. With the ability to display products anywhere on your site using shortcodes, this plugin ensures that your products are always front and center, increasing visibility and sales opportunities.

What makes GS WooCommerce Product Slider plugin stand out?

The GS WooCommerce Product Slider plugin stands out for several reasons, making it a must-have tool for any WooCommerce store owner.

  • Versatility: With multiple layout options including Carousel, Grid, Ticker, List, and Masonry, this plugin offers versatility to suit various product display needs.
  • Ease of Use: The plugin is user-friendly, allowing you to create stunning product displays without any coding knowledge.
  • Customization: It offers extensive customization options, including control over colors, styles, and display settings.
  • Compatibility: GS WooCommerce Product Slider plugin seamlessly integrates with popular page builders and is compatible with any standard WordPress theme.
  • Performance: It ensures optimized performance with swift loading times, enhancing user experience.
  • Responsive Design: The plugin is fully responsive, ensuring that your product displays look great on all devices.
  • Support and Updates: With priority email support and continuous updates, you can rely on GS WooCommerce Product Slider plugin for ongoing assistance and improvements.

Comprehensive Plugin Features

Unlock the Full Potential of WooCommerce Product Slider with an Impressive Set of Features:

  • 40+ Designs: Choose from Carousel, Grid, Masonry, List, or Ticker layouts for your product display.
  • Theme Flexibility: Easily switch between Grid, Slider, Masonry, List, or Ticker themes.
  • Advanced Templating: Utilize Archive Templates and Shortcode Generator with Preview for enhanced customization.
  • Page Builder Compatibility: Seamlessly integrate with popular page builders for effortless design.
  • Category-wise Products: Include or exclude products based on categories.
  • Tag-wise Products: Include or exclude products based on tags.
  • Type-wise Products: Include or exclude products by type – Featured, In Stock, Free.
  • Specific Products: Include or exclude specific products by name.
  • Display Control: Show or hide various product elements like Title, Description, Ratings, Countdown, Price, Add to Cart, Wishlist, Compare, Quick View, Hot Badge, Out Of Stock Badge, Sale Badge, etc.
  • Description Length: Control the character length of product descriptions.
  • Product QuickView, Wishlist, and Compare Options: Enhance user experience with quick actions.
  • WooCommerce Quick View, Wishlist, Compare Plugin Supported: Seamless integration with essential plugins.
  • Optimized Performance: Enjoy swift loading times for improved user experience.
  • Conditional Script Loading: Load scripts only where necessary, optimizing site performance.
  • Localization Input Fields: Easily replace preferred texts for localization.
  • Responsive Design: Ensure compatibility across various devices with responsive design.
  • Theme Compatibility: Works seamlessly with any standard WordPress theme.
  • Developer-Friendly: Easily customizable for developers according to specific needs.
  • Browser Compatibility: Supported across all modern browsers.
  • SEO Boost: Enhance SEO with schema.org markup for better visibility.
  • W3C Valid Markup: Adheres to W3C standards for valid markup.
  • Flexible Output: Display products anywhere using generated shortcodes.
  • User-Friendly Setup: Easy to set up with a user-friendly interface.
  • RTL Support: Compatible with languages that read from right to left.
  • Translation Ready: Translatable with included POT files for multilingual sites.
  • Priority Email Support: Access dedicated support for any assistance needed.
  • Free Installation: Receive free installation assistance if required.
  • Robust Documentation: Well-documented with comprehensive support for queries.
  • Continuous Updates: Stay updated with new features and improvements.
  • Live Demos: 🎬 View live Demos »
  • Upgrade to PRO: ⬆️ Upgrade to PRO »

General Settings (WooCommerce Product Slider)

Start by navigating to Product Views > Shortcode. Here, you can either create a new shortcode or edit an existing one. Once inside, you’ll land on the General Settings page.

  • General Settings Fields:
    • Shortcode Name: Give your shortcode a unique name.
    • View Type: Choose from Carousel, Grid, Masonry, List, or Ticker layouts.
    • Image Type: Select between Solid or Transparent.
    • Columns Control: Adjust the number of columns for Desktop, Tablet, Mobile & Small Mobile (1 to 6 columns).
    • Columns Gap: Increase or decrease the gap between each item. Default is 30.
    • Display Title: Show or Hide Product Title.
    • Display Ratings: Show or Hide Product Ratings.
    • Display Count Down: Show or Hide Product Count Down Timer. Make sure WPC Countdown Timer plugin is active.
    • Display Price: Show or Hide Product Price.
    • Display Description: Show or Hide Product Description.
    • Description Length: Control the Description Character Length. Set to 0 for displaying all characters.
    • Display Add to Cart: Show or Hide Product Add to Cart button.
    • Display Wishlist: Show or Hide the Wishlist button. Make sure YITH WooCommerce Wishlist plugin is activated.
    • Display Compare: Show or Hide the Compare button. Make sure YITH WooCommerce Compare plugin is activated.
    • Display Quick View: Show or Hide the Quick View button. Make sure YITH WooCommerce Quick View plugin is activated.
    • Display Hot Badge: Show or Hide the Hot badge.
    • Display Out Of Stock Badge: Show or Hide the Out Of Stock badge.
    • Display Sale Badge: Show or Hide the Sale badge.
    • Sale Badge Type: Choose between Text or Numeric.
  • Carousel Settings (When View Type is Carousel):
    • Move Items: Set the number of items to move (1 to 6).
    • Slides Speed: Duration of transition between slides (in milliseconds).
    • Infinite Loop: Enable/Disable looping through slides.
    • Reverse Direction: Reverse the direction of carousel navigation.
    • Autoplay: Enable/Disable automatic slide change.
      • Delay: Set the autoplay delay in milliseconds. Default is 2000 ms.
      • Stop On Hover: Pause autoplay on hover. Default is Off.

Style Settings

Easily Customize Your Products Display:

To get started, navigate to Product Views > Shortcode. Create a new shortcode or edit an existing one. Then, proceed to the 2nd tab labeled Style.

  • Rating Color: Personalize the color of the rating.
  • Price Color: Define the color of the price.
  • Old Price Color: Set the color of the old price.
  • Title Color: Customize the color of the title.
  • Title Hover Color: Personalize the color of the title on hover.
  • Description Color: Define the color of the description.
  • Description Hover Color: Set the color of the description on hover.
  • Badges Color: Customize the color of badges.
  • Badges BG Color: Personalize the background color of badges.
  • Discount Badge BG Color: Define the background color of discount badges.
  • Out of Stock Badge BG Color: Set the background color of out of stock badges.
  • Button Text: Customize the text of the buttons.
  • Button Text Hover: Personalize the text of the buttons on hover.
  • Button Background: Define the background of the buttons.
  • Button Background Hover: Set the background of the buttons on hover.
  • For Carousel View Type:
    • Enable Carousel Navs: Toggle carousel navigation.
    • Enable Carousel Dots: Toggle carousel dots.
    • Enable Dynamic Dots: Toggle dynamic carousel dots.
    • Navs Style: Choose from 11 different navigation styles.
    • Navs Position: Choose the position of carousel navigation.
      • Bottom
      • Center
      • Center Outside
      • Center Inside
      • Top Right
      • Top Left
    • Dots Style: Choose from 4 different dot styles.

Query Settings

Begin by navigating to Product Views > Shortcode. Create a new shortcode or edit an existing one. Then proceed to the 3rd tab labeled Query.

  • Display Limit: Set the total number of products to display. Use -1 to show all products.
  • Order By:
    • Product ID: Sort products by their ID.
    • Product Name: Arrange products alphabetically by name.
    • Latest: Display the latest products.
    • Random: Display products in a random order.
    • Best Sellers / Popularity: Arrange products based on popularity.
    • Average Rating: Sort products by average rating.
    • Price: Arrange products by price.
  • Order:
    • DESC (Descending): Arrange products in descending order.
    • ASC (Ascending): Arrange products in ascending order.
  • Include Category: Choose a specific category to showcase products from. Select from the available list of created categories.
  • Exclude Category: Hide products associated with a particular category.
  • Include By Tags: Include items by tag name.
  • Exclude By Tags: Exclude items by tag name.
  • Include By Type: Include product types – Featured, In Stock, Free.
  • Exclude By Type: Exclude product types – Featured, In Stock, Free.
  • Display Specific Products: Choose specific products to display.
  • Exclude Specific Products: Exclude specific products from being displayed.

Preference ( Global Settings )

Navigate to Product Views > Shortcode and click on Preferences.

  • Replace Preferred Text for:
    Customize specific text elements by replacing them with preferred alternatives. Here’s a list of elements you can customize:

    • Sale Badge Text: Change the text displayed on sale badges.
    • Out Of Stock Badge Text: Change the text displayed on out of stock badges.
    • Wishlist Popup Text: Customize the text displayed in the wishlist popup.
    • Compare Popup Text: Customize the text displayed in the compare popup.
    • Quick View Popup Text: Customize the text displayed in the quick view popup.
    • Disable Lazy Load: Toggle lazy loading for product images.
  • Custom CSS: Add your custom CSS for additional styling options.

GS WooCommerce Product Slider’s shortcode usage

Select a theme, view type & other parameters. Shortcode will generate with id like [gswoo id=1]

[gswoo id=1] 

Shortcode PHP Usage

<?php echo do_shortcode( '[gswoo id=3]' ); ?> 

Documentation

If you have any questions regarding the Product Views for WooCommerce ( known as GS WooCommerce Product Slider ) plugin and how to work with it, We recommend referring to our comprehensive online documentation. It provides detailed information and instructions to assist you in navigating and utilizing the plugin effectively. You can find the Documentation here.

Quick Support & Bug Reporting

If you encounter any problems or discover bugs, please post them in our Support channel. We aim to respond as soon as possible (excluding holidays).

Pro users are requested to contact our support channel for dedicated assistance.

🙋‍♂️ Alternatively, you can reach out to us through our Support or WordPress.org support forum.

Development Team

Crafted and Developed with Passion by GS Plugins

Confused?

🎬 View live Demos »
📚 Documentation »

🔥 You may like other plugins from GS Plugins

Testimonial Slider – Testimonials slider displays rotating customer endorsements and recommendations, helping to build trust and credibility for a business or product.

Logo Slider – Logo slider displays rotating logos of partners, clients, or sponsors, showcasing a business’s relationships and endorsements.

Portfolio – Filterable Portfolio plugin for WordPress allows you to easily display and showcase your projects, highlighting your skills and abilities.

Team Members – Build a Stunning Team Page or Section and Show off Your Team’s Talents!

Projects – Projects showcase displays detailed information including client reviews, ratings, galleries, and videos for a business’s work.

Books Showcase – Books showcase displays detailed information including author, published date, reviews, ratings, and gallery, allowing users to easily find and explore books.

Coaches – Coaches plugin displays coaches’ experience, skills, reviews, ratings, and certifications, helping users find the right coach for their needs.

Posts Grid – WordPress Posts Grid plugin displays the latest posts in an elegant grid format, allowing for easy navigation and quick access to new content on a website.

Posts Widget – WordPress Posts Widget plugin displays the latest posts in an elegant format on the sidebar or any widget area, allowing for easy navigation and quick access to new content on a website.

🎯 WooCommerce Plugins

WooCommerce Variation Swatches – WooCommerce Variation Swatches plugin replaces the default dropdown fields for variable products with visually appealing swatches, making it easier for customers to select product options and improve the overall shopping experience.

WooCommerce Brands – WooCommerce Brands taxonomy plugin allows for easy cataloging of products by adding a brand taxonomy, making it simple to organize and filter products on an online store.

📣 Social Plugins

Dribbble Portfolio – Dribbble Portfolio WP plugin enables you to display your Dribbble shots on your website in a portfolio layout, allowing you to showcase your design work to a wider audience.

Behance Portfolio – Behance Portfolio WordPress plugin allows you to display your Behance projects on your website in a visually appealing layout, making it easy for your audience to view and appreciate your work.

Pinterest Portfolio – Pinterest plugin for WordPress allows you to display your Pinterest pins on your website, giving your audience a chance to view and interact with your boards, and potentially drive more traffic to your Pinterest profile.

Instagram Portfolio – Instagram plugin for WordPress allows you to display your Instagram posts on your website, making it easy for visitors to view and interact with your content and also to increase engagement on your website.

Portfolio – Envato – Envato Portfolio Plugin allows you to display your Themeforest and Codecanyon items on your website, showcasing your digital products and making them easily accessible for potential customers.

Youtube Gallery – YouTube Gallery plugin allows you to display videos from a YouTube channel or playlist on your website, creating a visually appealing gallery and making it easy for visitors to access and watch your videos.

Twitter Feeds – Twitter Feeds plugin displays Twitter feeds, hashtags, user cards, and collections on a website, making it easy for visitors to view and interact with your Twitter content.

🏆 Branding Plugin

Custom Login – GS Custom Login allows you to customize the WordPress login screen, providing an easy way to create a unique and visually appealing login experience for your website users.

PowerUp – Enhance Your WordPress Experience with the Ultimate Security & Convenience Solution – Hide Admin Bar, Login & Logout Redirection, Disable Comments & Restrict WP-Admin Module.

Installation

Install the Plugin with Ease: Step-by-Step Guide:

Install using the Search Plugin option:

  • Go to the WordPress Admin panel
  • Navigate to Plugins > Add New
  • Search for Woocommerce Product Slider
  • Click to Install Now
  • Activate the plugin
  • The Woo Product Views menu will appear under the Posts section.

Install using the Upload Plugin option:

  • Download the latest version (.zip file)
  • In your Admin, go to the menu Plugins > Add New
  • Select Upload Plugin
  • Click on Choose File
  • Select downloaded gs-woocommerce-products-slider.zip & click on Install Now button
  • Activate the plugin
  • The Woo Product Views menu will appear under the Posts section.

Install Plugin using FTP:

  • Upload gs-woocommerce-products-slider folder inside the /wp-content/plugins/ directory
  • Go to WordPress dashboard > Plugins & Activate the plugin
  • The Woo Product Views menu will appear under the Posts section.

Display on the website:

  • Use the genrated shortcode like [gswoo id=4] or select a different theme
  • Place the shortcode where you want to display products.

Screenshots

  1. Product Slider with Popup.

    Product Slider with Popup.

  2. Product Slider with Countdown.

    Product Slider with Countdown.

  3. Product Slider in Left to Right Direction.

    Product Slider in Left to Right Direction.

  4. Products in Grid View.

    Products in Grid View.

  5. Products in List View.

    Products in List View.

  6. Products in Masonry View.

    Products in Masonry View.

  7. All shortcodes for Woo Product Views ( WooCommerce Product Slider )

    All shortcodes for Woo Product Views ( WooCommerce Product Slider )

  8. Create a new shortcode with preview. General Settings for WooCommerce Product Slider.

    Create a new shortcode with preview. General Settings for WooCommerce Product Slider.

  9. Style Settings (2nd Tab) for WooCommerce Product Slider.

    Style Settings (2nd Tab) for WooCommerce Product Slider.

  10. Query Settings (3rd Tab) for WooCommerce Product Slider.

    Query Settings (3rd Tab) for WooCommerce Product Slider.

  11. Preference - Global Settings for Woo Product Views ( WooCommerce Product Slider )

    Preference - Global Settings for Woo Product Views ( WooCommerce Product Slider )

  12. Config Layouts - Replace Product page layouts (Shop, Category, Tag & Product Search pages) with shortcodes.

    Config Layouts - Replace Product page layouts (Shop, Category, Tag & Product Search pages) with shortcodes.

FAQ

How can I display products using the WooCommerce Product Slider plugin?

After installing the plugin, a few pre-made shortcodes will be added. You can use them directly or edit them according to your needs. After generating a shortcode like [gswoo id=1], simply paste it to display your products.

How can I generate shortcodes for the WooCommerce Product Slider plugin?

  • Go to Product Views > Shortcodes.
  • Click on Create New Shortcode.
  • Set your preferred settings for General, Style, and Query Settings.
  • Give the shortcode a name.
  • Save the shortcode.
  • Copy the generated shortcode.
  • Paste it wherever you want to display the products.

How can I use shortcodes inside page templates?

WordPress provides a handy function, do_shortcode(), which allows you to use shortcodes within your theme files. For example, to output a WooCommerce Product Slider in a theme file, you would use the following code:

<?php echo do_shortcode('[gswoo id=1]'); ?> 

When can I use this plugin?

You can use this plugin only when you have installed the WooCommerce plugin.

Is the plugin compatible with all WordPress themes?

Woo Product Views known as GS WooCommerce Products Slider works with any theme that adheres to WordPress standards and WooCommerce guidelines.

What design options are available for the GS WooCommerce Product Slider plugin?

There are over 40+ design options available. Choose from Carousel, Grid, Masonry, List, or Ticker layouts for your product display.

I have several categories but wish to display products from selected categories, is that possible?

Yes, you can display products in a slider from selected categories.

  • Go to Product Views > Shortcodes.
  • Create or edit a shortcode.
  • Navigate to the 3rd tab labeled Query.
  • Under Include by Category, select the category/categories you want to include.
  • You can select single or multiple categories from the dropdown.
  • Additionally, you can exclude single or multiple categories under Exclude Categories.

Is it possible to exclude categories from the shortcode?

Yes, you can exclude categories from the shortcode.

  • Go to Product Views > Shortcodes.
  • Create or edit a shortcode.
  • Navigate to the 3rd tab labeled Query.
  • Under the Exclude tab, select Exclude by Category.
  • Choose the category/categories you want to exclude.
  • You can exclude single or multiple categories.

Can I display products by Name, Tag, or Product Type?

Yes, with the premium version, you can display products by Name, Tag, or Product Type.

  • Go to Product Views > Shortcodes.
  • Create or edit a shortcode.
  • Navigate to the 3rd tab labeled Query.
  • You will find Include and Exclude tabs.
  • Under these tabs, you can include or exclude by category, tag, or Product Type.
  • 3 different product types are available to include or exclude: Featured, In Stock, Free.

Changelog

Version 3.0.0 [17th Apr 2024]

  • [Updated]: Rewritten the plugin.

Version 1.6.1 [31st Jan 2023]

  • [Removed]: All Admin Notices From the Woocommerce Products Slider Pages.

Version 1.6.0 [30th Jan 2023]

  • [Updated]: Free, Pro Plugins Pages & Help Page.
  • [Fixed]: Page Redirection on the Plugin Activation.

Version 1.5.9 [29th Jan 2023]

  • [Fixed]: Sanitize Issue.

version 1.5.8 [24th May 2021]

  • [Fixed]: PHP 7.3 Compatibility.
  • [Fixed]: Deprecated Function Warning.

version 1.5.7 [17th Dec 2020]

  • [Updated]: AppSero Client.
  • [Removed]: Affiliate Admin Notice.
  • [Updated]: WordPress 5.6

version 1.5.6 [13th Sep 2020]

  • [Added]: Admin Notice.

version 1.5.5 [15th Aug 2020]

  • [Updated]: For WordPress 5.5

version 1.5.4 [24th Jun 2020]

  • [Updated]: Appsero Client.

Version 1.5.3 [31st May 20]

  • [Added]: Shortcode Generator.

Version 1.5.2 [20th Nov 19]

  • [Fixed]: Domain name with www & fixed all urls.
  • [Fixed]: wordPress latest version support.

Version 1.5.1 [22nd Oct 19]

  • [Fixed]: Domain name changed & fixed all urls.
  • [Fixed]: Admin CSS.
  • [Added]: New Contributors.

version 1.5

  • Added Review system
  • Activation redirects added
  • Coupon Code added

version 1.4

  • Fixed – Menu Position

version 1.3

  • Fixed – Hidden product issue. If Product is set to Hidden in WooCommerce under product visibility then hidden product will exclude from Slider.
  • Fixed admin CSS

version 1.2

  • Added Video & other docs

version 1.1

  • Initial release

Details

  • Version: 3.0.0
  • Active installations: 300
  • WordPress Version: 4.3
  • Tested up to: 6.5.5
  • PHP Version: 5.6

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars