You've already forked wc-composable-product
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>
56 lines
1.1 KiB
CSS
56 lines
1.1 KiB
CSS
/**
|
|
* Admin Styles for Composable Products
|
|
*
|
|
* @package WC_Composable_Product
|
|
*/
|
|
|
|
#composable_product_data {
|
|
padding: 12px;
|
|
}
|
|
|
|
.composable_criteria_group {
|
|
border-top: 1px solid #eee;
|
|
padding-top: 12px;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
#_composable_categories,
|
|
#_composable_tags {
|
|
min-height: 150px;
|
|
}
|
|
|
|
/* Hide composable-specific elements by default (but not tabs) */
|
|
.options_group.show_if_composable {
|
|
display: none;
|
|
}
|
|
|
|
/* Show composable elements when composable product type is selected */
|
|
body.product-type-composable .options_group.show_if_composable {
|
|
display: block;
|
|
}
|
|
|
|
/* Hide the Composable Options tab link by default */
|
|
.product_data_tabs li.composable_options {
|
|
display: none;
|
|
}
|
|
|
|
/* Show the Composable Options tab when composable type selected */
|
|
body.product-type-composable .product_data_tabs li.composable_options {
|
|
display: block;
|
|
}
|
|
|
|
.composable_options.composable_tab a::before {
|
|
content: '\f323';
|
|
font-family: 'Dashicons';
|
|
}
|
|
|
|
/* Enhanced select styling */
|
|
.wc-composable-product-admin .select2-container {
|
|
min-width: 50%;
|
|
}
|
|
|
|
/* Help tips */
|
|
.woocommerce-help-tip {
|
|
color: #666;
|
|
}
|