You can manage all Product Box (product card) settings from:
Appearance → Customize → WooCommerce → Product Box
These settings control how products appear across your shop, category pages, and other listing areas.
Product Content Fields #
You can control which elements are displayed and their order:
- Product Header Fields – Title, Rating, Price, Category, Short Description, Brand
- Product Body Fields – Add to Cart Button, Shipping Time, Stock Status, Price, Stock Progress Bar, SKU
You can reorder these fields and enable/disable them using the eye icon.
Image Settings #
- Image Size – Select thumbnail size
- Image Hover Effect – None, Hover, Hover Rotate
- Gallery Images – Enable to show product gallery images
- Gallery Images Count – Number of images to display
Note:
- 1 image → switches on hover
- 2+ images → slider appears on hover
Action Buttons #
- Wishlist Button
- Quickview Button
- Compare Button
Action Type:
- Static – Always visible
- Dynamic – One visible, others appear on hover
- Dynamic All – All appear on hover
Additional Features #
- Badges – Enable/disable product badges
- Unit Price – Show unit pricing
- Sale Countdown – Show countdown if sale date is set
- Dynamic Stock Status Colors – Enable colored stock indicators
Quantity Settings #
- Quantity – Enable quantity selector
- Quantity Type – Input or select
- Quantity Max – Maximum selectable quantity
- Quantity Style – Style 1 to 9
Attributes #
- Attributes – Show product attributes
- Attributes Count – Limit number of visible attributes
Cart Button Settings #
- Cart Button on Image
- Cart Button in Body
- Cart Button in Footer
- Cart Button Text
- Cart Button Color
- Cart Button Style
- Cart Button Size
- Cart Button Shape
Note: Cart button must be enabled in Header or Body for some positions to work.
Wrapper Effects #
- Wrapper Hover Effect – Enable hover effect on product box
- Wrapper Hover Style – Style 1 to 3
Global Design Settings #
You can also control typography, colors, and overall styling of product boxes from this panel.
These settings apply globally across your website, including shop pages and product listings.
Elementor Override #
If you are using Elementor to create custom product listing layouts, you can override these global settings for that specific page.
If no custom settings are applied in Elementor, the global Product Box settings will be used by default.
Tip: Use global settings for consistency, and override them in Elementor only when you need a unique layout for specific pages.
