No results found. Try again with different words?

Search must be at least 3 characters.

    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 article helpful?

    Did not find a solution? We are here to help you succeed.

    Related Docs

    Grab this rare opportunity to save up to 50%

    WOAH, HOLD ON THERE!

    Don't Miss Our Biggest Discount

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds

    You are backed by 100% risk-free money-back guarantee.

    Grab Our Biggest Discount Of All Time. Don’t Miss Out!

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds

    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