The Product Catalog section allows you to fully customize the layout and appearance of your WooCommerce shop archive pages. You can control everything from the sidebar position to the specific details displayed on each product card.
To access these settings, navigate to Dashboard > Theme Options > Shop > Product Catalog.
Product Catalog Layout #
This section defines the structural arrangement of your shop page.
- Shop Layout: Choose the global sidebar position for the shop archive.
- Catalog View: Select the style of the product grid ( Grid View Version 1 and Grid View Version 2 ).
- Quick View Mode: Enable or disable the quick view modal functionality for products.
- Shop Page Content Section: Toggle the display of additional content sections before the product loop.
- Shop page content: Use the built-in text editor to enter your content. This field supports standard text formatting and custom HTML or Shortcodes.
- Shop Content Layout: Define the container width for your custom content. It allows full-width and boxed-width.
- Shop Content Padding: Precisely control the spacing above and below your content section by entering pixel (px) values for the Top and Bottom padding.
- Default Product Sorting: Set the initial sorting order for your products (e.g., Sort by latest, price, or popularity).
- Products per Page: Enter the total number of products to display on the archive page before pagination appears. Use the sliders to set how many products appear per row across different devices.
Product Box Settings #
These settings control the design and metadata visibility for individual product cards in the grid.
- Product Box Border Radius: Set the corner roundness (in pixels) for the product containers.
- Item Spacing: Adjust the gap/margin between individual product boxes.
- Content Align: Align product text (Title, Price, etc.) to the Left, Center, or Right.
- Add To Cart Button: Choose between Default (standard theme layout), Show After Thumbnail (placed directly under the image), or Show After Content (placed at the bottom of the product box).
Toggle Visibility #
Use the Show/Hide buttons to toggle: Category, Ratings, Review Count, and Short Description.
Quick View & Wishlist #
Enable or disable the hover icons/buttons for Quick View and Wishlist functionality.
Box Shadow #
Enable or disable a custom drop shadow for product boxes and customize its color and dimensions to add depth to your shop grid.