Introduction
Creating a product table with the JustTables WooCommerce plugin is a powerful way to showcase your WooCommerce products on your website. In this documentation, we will walk you through the step-by-step process of adding a product table and customizing it to meet your needs.
Adding a Product Table
After activating the JustTables plugin, you will find a new menu on the sidebar called “Product Tables.” To create a new product table, follow these steps:
- Access Product Tables: Click on “Product Tables” in the sidebar.
- Add New: Click on “Add New” to start creating a new product table.
- Provide a Title: Give your product table a title to help you identify it easily.
Table Configuration
In the “Table Configuration” section, you can customize your product table. Here are some of the key options you can configure:
Columns
Choose which columns you want to display in your product table. Options include
- Check Mark
- Serial
- ID
- Thumbnail
- Product Title
- Short Description
- Description
- Categories
- Tags
- SKU
- Weight
- Dimensions
- Length
- Width
- Height
- Rating
- Stock
- Price
- Wishlist
- Quantity
- Compare
- Quick View
- Created Date
- Modified Date
- Author
- Attributes
- Variations
- Action
- View Product.
Conditions
Define the conditions that will determine which products are displayed in your table. Options include:
Taxonomy Include: Add product categories or tags.
Term IDs: Specify the term IDs to include.
Include Children: Choose whether to include child terms.
Taxonomy Exclude: Exclude specific taxonomies from the table.
Term IDs: Specify the term IDs to exclude.
Include Children: Decide whether to exclude child terms.
Product Include and Exclude IDs
You can add specific product IDs to include or exclude from your table.
Author/Vendor Include and Exclude IDs
This option allows you to display products from specific authors or vendors and exclude others.
Price Filtering
Set minimum and maximum prices for your products to display products within a specific price range.
Product Type
Select which product types to include or exclude in your table.
Availability
Choose to display products based on their stock availability.
Sticky Products
Decide whether or not to include sticky products in the table.
Sorting Options
Choose the default sorting method for your product table. Options include sorting by ID, SKU, rating, stock, price, and more.
Ordering
Specify whether products are displayed in ascending or descending order based on your chosen sorting method.
Products Per Page
Control how many products are listed on a single page in your product table by setting the number of products per page.
Utilities
The “Utilities” section offers additional options to enhance the user experience of your product table:
- Responsive Layout: Enable or disable responsive layout.
- Responsive content display by default: By default, when you enable this option, your table will display all columns in their entirety. However, disabling the option adjusts the display based on the layout size. Clicking the plus icon expands to reveal all columns, offering a versatile and user-friendly experience.
- Table Header: Enable or disable the table header.
- Header Sorting: Control header sorting when the table header is enabled.
- Title on Click: Adjust the behavior of the product title when clicked.
- Thumbnail Size: Customize the thumbnail size.
- Thumbnail on Click: Define the behavior when the product thumbnail is clicked.
- View Product Button Text: Customize the text for the “View Product” button.
- View Product Target: Set whether the “View Product” action opens in the same tab or a new tab.
- Author/Vendor Name on Click: Control the behavior when someone clicks on an author/vendor name.
- Add to Cart Button Type: Choose between a small or large add to cart button.
- Search Box: Enable or disable the search box.
- Search Box Placeholder Text: Modify the search box’s placeholder text.
- Taxonomy Filter: Add product filters based on categories, tags, and variation attributes.
- Taxonomy Filter Display: Show or hide the filter options by default.
- Export Buttons: Enable or disable export options (Copy, CSV, Excel, PDF, Print).
Custom Label Options
You can rename various labels, including the select all checkbox label, multiple add to cart button text, filter options label, and more, to personalize your product table further.
Pagination
By default, pagination is enabled. You can disable it if you prefer to display all products on a single page.
Preloader
The preloader is enabled by default. You can disable it if you don’t want a preloader to appear before the table loads.
Custom Styling
In the “Design” section, you can customize the style of your product table:
- General: Configure the font family and preloader icon color.
- Wrapper: Modify table wrapper styles, including background color, border settings, padding, and margin.
- Filter: Customize the style of the product filter section.
- Table: Adjust the table’s appearance.
- Header: Tailor the table header’s appearance by adjusting background-color, text colors, borders, border-radius, padding and text align with your design preferences.
- Body: Craft a unique look for the table body by defining background-color, text colors, Accent color, Accent hover color, borders, responsive columns devider color, padding and text align, ensuring a visually engaging presentation.
- Pagination: Refine the pagination’s appearance by adjusting background-color, text colors, borders, Hover background color, Hover text color, Hover border color, Active background color , Active text color & Active border color to seamlessly integrate it with your overall table design.
- Export & Print: Adjust the export and print styles.
Conclusion
With the JustTables – WooCommerce plugin, you have complete control over how your product table appears and functions. Whether you want to display specific products, apply filters, or customize the table’s design, this plugin offers a wide range of options to help you create a beautiful and functional product table on your WooCommerce site.