You've already forked wc-composable-product
magdev
fa7ec0e422
Bug 1: Admin - Both General and Composable tabs visible on initial load - Added explicit display:none to #composable_product_data panel - Panel now hidden by default, shows only when product-type-composable class is present - Prevents both tabs showing simultaneously on new product creation Bug 2: Frontend - No feedback when no products configured - Added empty state message when products array is empty - Users now see helpful message instead of blank grid - Cleared Twig cache to ensure template changes take effect 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
63 lines
1.3 KiB
CSS
63 lines
1.3 KiB
CSS
/**
|
|
* Admin Styles for Composable Products
|
|
*
|
|
* @package WC_Composable_Product
|
|
*/
|
|
|
|
/* Hide composable panel by default */
|
|
#composable_product_data {
|
|
display: none;
|
|
padding: 12px;
|
|
}
|
|
|
|
/* Show composable panel when composable type is selected */
|
|
body.product-type-composable #composable_product_data {
|
|
display: block;
|
|
}
|
|
|
|
.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;
|
|
}
|