You've already forked wc-composable-product
magdev
4dc7b767a8
CRITICAL FIX: The previous CSS change used .show_if_composable with !important which hid ALL elements with that class, including the tab links themselves. Changes: - Changed from .show_if_composable to .options_group.show_if_composable - Changed from .product_data_tabs .composable_options to li.composable_options - Removed !important flags (not needed with specific selectors) - Now only hides the general tab option groups, not the tab links This fixes: - Missing Composable Options tab in product edit screen - Fields appearing out of context - Tab navigation completely broken The issue was that WooCommerce adds 'show_if_composable' class to BOTH: 1. The tab link (li.composable_options.show_if_composable) 2. The general tab fields (div.options_group.show_if_composable) Now we specifically target only the option groups, leaving tabs alone. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
WooCommerce Composable Products
Create composable products where customers can select a limited number of items from a configurable set of products.
Description
This plugin adds a new product type to WooCommerce that allows customers to build their own product bundles by selecting from a predefined set of simple or variable products. Think of it as a "build your own gift box" or "create your sticker pack" feature.
Key Features
- Custom Product Type: New "Composable Product" type in WooCommerce
- Flexible Selection: Define available products by category, tag, or SKU
- Configurable Limits: Set global or per-product selection limits
- Pricing Options: Fixed price or sum of selected products
- Multi-language Support: Fully translatable with i18n support
- Modern UI: Clean interface built with Twig templates and vanilla JavaScript
Requirements
- PHP 8.3 or higher
- WordPress 6.0 or higher
- WooCommerce 8.0 or higher
Installation
- Upload the plugin files to
/wp-content/plugins/wc-composable-product/ - Run
composer install --no-devin the plugin directory - Activate the plugin through the 'Plugins' menu in WordPress
- Configure global settings under WooCommerce > Settings > Composable Products
Usage
Creating a Composable Product
- Go to Products > Add New
- Select "Composable Product" as the product type
- Configure product details:
- Set the selection limit (or use global default)
- Choose pricing mode (fixed or sum)
- Define available products by category, tag, or SKU
- Publish the product
Global Settings
Navigate to WooCommerce > Settings > Composable Products to configure:
- Default selection limit
- Default pricing mode
- Display options
Development
This project was created with AI assistance (Claude.AI) and follows WordPress and WooCommerce best practices.
Building from Source
composer install
Translation
Generate POT file:
wp i18n make-pot . languages/wc-composable-product.pot
License
GPL v3 or later - see LICENSE file for details
Author
Marco Graetsch
Support
For issues and feature requests, please use the GitHub issue tracker.