WoodMart Theme WooCommerce Product Grid with Rotator Feature

WoodMart The theme provides a powerful WooCommerce Product display functionality that supports product grids androtateThe WoodMart model allows products to be presented to visitors in a more flexible and intuitive way. Whether filtering by category, tag, product ID, or sales status, WoodMart meets a wide range of e-commerce needs and offers a variety of customization options to make product displays more appealing.

Image [1]-WoodMart Theme WooCommerce Product Display Guide: Product Grid & Rotation Configuration

Product Grids and Rotation Components

WoodMart Theme built-inProduct Gridand rotation components support a variety of arrangements, with customizable options for the number of columns, display method, product source, and more, ensuring that different types of stores can find the right way to display their products.

Basic Functions

Grid or Rotation The component allows users to choose between a grid or a rotating mode for displaying products, suitable for different layout needs.

Image [2]-WoodMart Theme WooCommerce Product Display Guide: Product Grid & Rotation Configuration

Data sources Supports filtering products by multiple methods:

  • All Products Displays all products by default.
  • Featured Products displayed in WooCommerce Items marked as "Featured" in the product list.
Image [3]-WoodMart Theme WooCommerce Product Display Guide: Product Grid & Rotation Configuration
  • Promotional Products Showcase items that have both original and promotional prices.
Image [4]-WoodMart Theme WooCommerce Product Display Guide: Product Grid & Rotation Configuration
  • new product You need to enable the New Products tab in the theme settings and check the "New Products" option on the product editing page to make it effective.
Image [5]-WoodMart Theme WooCommerce Product Display Guide: Product Grid & Rotation Configuration
  • best-seller Sort by sales to prioritize the most popular items.
  • Specific ID Enables filtering by entering product IDs directly, without relying on categories or tags.
  • By Category or Label Items can be selected from single or multiple categories and tags for display. Individual filtering of categories or tags is supported, but they cannot be used at the same time.
Image [6]-WoodMart Theme WooCommerce Product Display Guide: Product Grid & Rotation Configuration

Number of products per page You can set the number of products displayed per page.

Pagination If the number of items set is less than the total number, you can select the following paging mode:

  • unpaginated Only a set number of items are displayed, and more cannot be loaded.
  • Load More Users can click a button to load more items.
  • Infinite scrolling New products are automatically loaded when the page scrolls down.
  • arrow symbolnavigator Show left and right arrows on mouse hover, click to toggle product groups.

waterfall layout Waterfall layout can be turned on to enhance the visual hierarchy of the page.

Commodity spacing Customizable spacing between items with 30, 20, 10, 6, 2, 0 pixel options to accommodate different styles of design.

Product Grid Design Options

WoodMart Provides a variety of design options, the ability to flexibly adjust the product display effect, so that the page is more coordinated and unified.

hover effect Different mouse hover styles can be selected to add a dynamic effect to the merchandise display.

Image [7]-WoodMart Theme WooCommerce Product Display Guide: Product Grid & Rotation Configuration

Column Setting You can choose from 1 to 6 columns according to your needs, which is suitable for different page layouts.

Image Size Input Standard WordPress Size (e.g. thumbnail, medium, large, full) or a custom pixel value, e.g. 200×100, controls the size of the product image display.

Promotion Countdown You can enable a promotion countdown, which is displayed on the product thumbnail only after you set the promotion end time on the product edit page.

Highlighted products This option allows you to create special product blocks that promote specific products in an eye-catching way.

Image [8]-WoodMart Theme WooCommerce Product Display Guide: Product Grid & Rotation Configuration

Data Sorting and Filtering Options

Sort by Optionally, you can sort by date, product ID, author, title, modification time, number of comments, menu order, random, price and more.Ascending or descending order All sorting options can be set to ascending or descending to meet different display needs.offset Allows setting to skip a certain number of items and customize the starting item position.Excluded commodities Option to exclude specific products by product title to avoid duplicate display or hiding specific products.

Image [9]-WoodMart Theme WooCommerce Product Display Guide: Product Grid & Rotation Configuration

Rotation Mode Setting

When enablingrotateWhen in mode, an additional set of setting options are added to optimize the sliding effect.

  • sliding speed: Adjustable animation time for slide switching in milliseconds.
  • Number of products per display: Sets the number of products displayed simultaneously within the rotated view.
  • Full page scrolling: Determine the rotation switching method, can choose to scroll by individual product or the whole page, affect the navigation buttons and mouse drag method.
  • autoplay: Allows the slideshow to switch automatically without the user having to do it manually.
  • Hide Paging Controls: When turned on, the paging indicator below the rotation will be removed.
  • Hide the left/right toggle button: When turned on, the previous/next page buttons of the rotator will not be displayed, applying to minimalist design.
  • centering mode: When enabled, the first product in the rotation is always centered, which is suitable for display scenarios where the product needs to be highlighted.
  • recurrent mode: When enabled, the rotation will loop indefinitely and will not stop at the last slide, suitable for pages that need to show content continuously.

These options provide the flexibility to adjust the rotation effect to make the product display more in line with the store's needs.

Image [10]-WoodMart Theme WooCommerce Product Display Guide: Product Grid & Rotation Configuration

summarize

WoodMart The theme of the product grid withrotateThe functionality provides a highly customizable presentation that allows the WooCommerce Stores are able to display products in a more intuitive and flexible way. From basic product filtering to advanced paging, sorting and rotation settings, WoodMart makes product display more personalized and efficient.


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
Customer Service
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: info@361sale.com
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
This article was written by: thieves will be rats and mice courage
THE END
If you like it, support it.
kudos2213 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments