woocommerce產品類別小部件禁用父類別鏈接

我在側邊欄和頁腳小部件區域使用woocommerce產品類別小部件。woocommerce產品類別小部件禁用父類別鏈接

我有2個父類別。我希望這些顯示，但不能點擊鏈接。

你可以在這裏看到頁面http://www.terrykirkwood.co.uk/w

誰能勸添加什麼CSS來阻止這些鏈接被點擊？

感謝

下面是從第一次出現的代碼：

<li class="cat-item cat-item-47 cat-parent"><a href="http://terrykirkwood.co.uk/w/product-category/originals/">Original Paintings</a><ul class="children">

來源

2014-09-24 Peter Kirkwood

CSS僅控制風格，所以沒有CSS，你可以用它來禁用一個超鏈接。您可以更改CSS以不更改遊標，因此它不會看起來像鏈接。

.cat-parent a { 
    cursor: default; 
    text-decoration: none; 
} 

.cat-parent .children a { 
    cursor: pointer; 
    text-decoration: underline; 
}

然後用一些jQuery的實際禁用點擊功能：

$('.cat-parent').click(function(e) { 
    e.preventDefault(); 
});

如果你是大膽的，你很可能還要修改控件不打印<a>鏈接父母，但我可以」現在檢查一下。

編輯

您可以將腳本添加到您的主題的腳本之一，加載一個新的外部腳本文件或丟棄以下到您的主題的functions.php：

function so_add_this_script_footer(){ 

    if(!is_admin()) { ?> 

    <script> 
     jQuery(document).ready(function($) { 
      $('.cat-parent > a').click(function(e) { 
       e.preventDefault(); 
      }); 
     }); 
    </script> 

<?php } 

} 

add_action('wp_print_footer_scripts', 'so_add_this_script_footer');

來源

2014-09-24 18:59:31 helgatheviking

謝謝 - 我已經加入了CSS，但它沒有任何區別。我可以添加jQuery來取悅哪個文件？ – 2014-09-25 10:52:10

請參閱我的編輯 – helgatheviking 2014-09-25 11:05:43

謝謝。將代碼添加到functions.php已使鏈接不起作用，這很好，除此之外，它還使得子鏈接無法正常工作。此外，CSS，完全沒有影響到父鏈接。感謝您的幫助至今 - 我真的很感激它！ – 2014-09-25 11:37:35

所有父類有一個'cat-parent'類，所以你可以在錨標籤'href'的widget中添加一個條件 - 'javascript：void（0）'。或者，您可以添加下面的jQuery代碼，

jQuery('.footer-widget').find('.product-categories li.cat-parent').each(function(){ 

    if(jQuery(this).find('ul.children').length == 1){ 

    jQuery(this).find('a').attr('href','javascript: void(0)'); 
    } 

});

這將重置具有子類別中的所有父類的鏈接。現在，如果用戶點擊父類別，它將不會執行任何操作。

這也將確保，如果父類別沒有子類別，那麼它將不會被重置。

來源

2014-09-25 04:49:49 WisdmLabs

謝謝 - 我會添加jQuery到哪個文件？ – 2014-09-25 10:53:02

這不會禁用子類別而不是父類別的鏈接嗎？ – helgatheviking 2014-09-25 12:14:48

woocommerce產品類別小部件禁用父類別鏈接

回答

相關問題