|

How to set Grid and Carousel layout for WooCommerce products?

The General tab in the Woo – Products Module allows you to select a layout and skin for your WooCommerce products.

Below are the available options:

Layout

Query Builder will allow you to choose products to be shown. And with the layout option, one can arrange them well.

1. Grid

  • This layout will display products in a “rows and columns” structure.
  • WooCommerce products will display in the Grid layout.
  • More options like a number of Columns and number of Products Per Page will be available under Grid Options. (?)
  • Based on the Grid Options, you can set pagination style using the Pagination tab. You can set the Pagination Type and Alignment.

2. Carousel 

  • This layout will display products in a slider.
  • More options will be available under Slider Options. (?)
  • Choose Arrows and/or Dots for navigation.
  • Select Total Product number, Products to Scroll at a time.
  • Choose slide to Autoplay and to activate an Infinite Loop.
  • Manage the Transition Speed.
Skin 

Skin is predefined style options for products. Choose a Classic or Modern style for the product. Both will display Add to Cart button, Sale Flash, and Quick View option at different positions.

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

On this page

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Ultimate Addon For Beaver Builder Plugin - Modal Popup Form

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Scroll to Top