我使用以下方法在 WooCommere 中創建了一個自定義產品資料選項卡：
function my_custom_panel(){ ?>
<div class='panel woocommerce_options_panel'>
<?php
woocommerce_wp_text_input(array(
'id' => '_my_custom_data',
'label' => __('Product Support', 'woocommerce'),
));
?>
</div>
<?php }
add_action('woocommerce_product_data_panels', 'my_custom_panel');
現在我正在嘗試在管理螢屏上更改其圖示/dashicon：
我嘗試更改模板，html-product-data-panel.php但在模板中找不到與 dashicons 相關的代碼：
<ul class="product_data_tabs wc-tabs">
<?php foreach (self::get_product_data_tabs() as $key => $tab) : ?>
<li class="<?php echo esc_attr($key); ?>_options <?php echo esc_attr($key); ?>_tab <?php echo esc_attr(isset($tab['class']) ? implode(' ', (array) $tab['class']) : ''); ?>">
<a href="#<?php echo esc_attr($tab['target']); ?>"><span><?php echo esc_html($tab['label']); ?></span></a>
</li>
<?php endforeach; ?>
<?php do_action('woocommerce_product_write_panel_tabs'); ?>
</ul>
這有什么特殊的鉤子嗎？如何將像其他選項卡一樣的自定義圖示添加到我的自定義選項卡？
任何幫助，將不勝感激。
uj5u.com熱心網友回復：
html-product-data-panel.php不是模板檔案。所以永遠不要編輯插件檔案！當 WooCommerce 更新時，它會使用版本中包含的任何新更新覆寫安裝。如果內核已被預先切碎和修改，它將消除這些更改。
這意味著安裝的大部分將停止作業。修改核心可能會產生各種意想不到的后果，例如阻止更新正常作業，進一步破壞安裝。
更糟糕的是可能會引入意外的安全漏洞。弄亂核心檔案很容易造成一個漏洞，允許黑客接管一個站點。
圖示是通過 CSS 分配的：
// Add custom product setting tab
function filter_woocommerce_product_data_tabs( $default_tabs ) {
$default_tabs['custom_tab'] = array(
'label' => __( 'Custom Tab', 'woocommerce' ),
'target' => 'my_custom_tab_data',
'priority' => 80,
'class' => array()
);
return $default_tabs;
}
add_filter( 'woocommerce_product_data_tabs', 'filter_woocommerce_product_data_tabs', 10, 1 );
// Contents custom product setting tab
function action_woocommerce_product_data_panels() {
// Note the 'id' attribute needs to match the 'target' parameter set above
echo '<div id="my_custom_tab_data" >';
// Add field
woocommerce_wp_text_input(array(
'id' => '_my_custom_data',
'label' => __( 'Product Support', 'woocommerce' ),
));
echo '</div>';
}
add_action( 'woocommerce_product_data_panels', 'action_woocommerce_product_data_panels', 10, 0 );
// Add CSS - icon
function action_admin_head() {
echo '<style>
#woocommerce-product-data ul.wc-tabs li.custom_tab_options a::before {
content: "\f101";
}
</style>';
}
add_action( 'admin_head', 'action_admin_head' );
注意：通過調整優先級編號，您可以在其他現有選項卡之前或之后顯示新選項卡。
有關其他圖示，請參閱：開發人員資源：Dashicons
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/389812.html
標籤：WordPress的 求购 后端 产品 仪表盘