The Product Showcase widget is a powerful WooCommerce tool designed to display your products in a clean, organized grid. It offers extensive control over product filtering and layout, allowing you to highlight specific collections or your latest arrivals with ease.

Product Settings #

This section defines which products are pulled from your WooCommerce store and how they are sorted.

• Product Type: This dropdown provides various filtering options to target specific product groups like Featured Products, Sale Products, etc.
• Products Per Page: Define the total number of product items to show in the widget (currently set to 4).
• Columns: Set the number of columns for the product grid across different devices (currently set to 4 for desktop).
• Order By: Choose the criteria for sorting your products, such as by Date, price, or popularity.
• Order: Select the sorting direction, such as DESC (Descending) or ASC (Ascending).
• Select Categories: Select specific product categories to filter which category products will be shown.

Layout Settings #

The Layout Settings control the structural behavior and visibility of elements within the product cards.

• Catalog View: Select the primary display mode for your products:
  • Grid View: Organizes products into a standard multi-column grid layout.
  • Quick View: Enables a streamlined display often used for fast browsing or modal-based interactions.
• Item Gap: Adjust the pixel spacing between individual product cards (currently 20px).
• Product Box Border Radius: Set the roundness of the product card corners (currently 0px uniform).
• Content Align: Choose the text and element alignment (Left, Center, or Right) within the cards.
• Add To Cart Button: Select the style or position for the “Add to Cart” action.

Toggle Elements: Show or hide specific product information:

• Show Category: Toggles the visibility of the category name (currently Show).
• Show Ratings/Review Count: Displays or hides customer feedback data (currently Hide).
• Show Short Description: Toggles a brief summary of the product (currently Hide).
• Wishlist & Quick View: Enable or disable interactive icons for saving products or viewing details in a popup (currently enabled).

• Product Box Shadow: Apply a shadow effect to the individual product containers for added depth.

Style Tab: Product Showcase #

The Style tab for the Product Showcase widget contains a Style Notice that defines how the widget’s visual appearance is managed.

Style Notice #

• Theme Integration: The styling for this widget is not controlled directly within the widget settings but instead pulls from the global Theme Options.
• Visual Consistency: The widget is designed to automatically match your site’s Shop Archive layout, ensuring a consistent look and feel across your entire WooCommerce store.