Question

我希望我的分类框只显示子类别

像

main category
subcategory 1
    subcategory 1_1
    subcategory 1_2
    subcategory 1_3
subcategory 2
    subcategory 2_1
    subcategory 2_2
subcategory 3
subcategory 4

我想像这样显示

subcategory 1
subcategory 2
subcategory 3
subcategory 4

这是我的HTML代码，我使用css隐藏父类别但我不明白我怎么能隐藏草药产品

<div class="sideBoxContent" id="categoriesContent">
       <a href="index.php?main_page=index&amp;cPath=2" class="category-top">
             <span class="category-subs-parent">Product</span>
       </a>
       <br>
       <a href="index.php?main_page=index&amp;cPath=2_4" class="category-subs">&nbsp;&nbsp;Accupuncher Niddels 
       </a>
       <br>
       <a href="index.php?main_page=index&amp;cPath=2_7" class="category-subs">
            <span class="category-subs-parent">&nbsp;&nbsp;Herbal Products</span>
       </a>
       <br>
       <a href="index.php?main_page=index&amp;cPath=2_7_9" class="category-products">&nbsp;&nbsp;&nbsp;&nbsp;Concentrated Powders
       </a>
       <br>
       <a href="index.php?main_page=index&amp;cPath=2_7_8" class="category-products">&nbsp;&nbsp;&nbsp;&nbsp;Shop by Brand
       </a>
       <br>
       <a href="index.php?main_page=index&amp;cPath=2_10" class="category-products">&nbsp;&nbsp;Magnets, Pellets &amp; Tapes
       </a>
       <br>
       <a href="index.php?main_page=index&amp;cPath=2_3" class="category-products">&nbsp;&nbsp;New Arrival
       </a>
       <br>
<hr id="catBoxDivider">
</div>

我的css喜欢这个

A.category-subs, A.category-subs:visited {

    color: #FF0000;

    text-decoration: none;

    }

    A.category-products, A.category-products:visited
    {
        display: none;
    }

但我没有得到正确的解决方案，因为它隐藏了所有的类别产品，我希望它只隐藏两个，如上所述

提前致谢

Answer 1

这是zen购物车吗？如果是这样，我刚刚通过类似的问题创建了一个新的类别菜单，其中子元素出现在悬停状态。我使用了弹出类别菜单（附加模块 - http://www.zen-cart.com/downloads.php?do=file&id=1290），它根据注释中的建议生成类别子类作为嵌套ul，这适用于zen cart 1.5但旧版本可以使用类似的东西。如果你删除了javascript，这个没有动画就可以正常工作，你可以很容易地隐藏你想要的元素。

我能想到用你的html做的唯一方法是使用一些jquery，然后你可以选择某个元素并以这种方式隐藏它们。例如

$("#categoriesContent a:nth-child(4)").css('display','none');

隐藏浓缩粉末。但是如果你添加一个类别，这显然会出错，因为元素的索引会被改变。我想你可以通过使用.each（）循环遍历a元素来获取它，使用链接的.html（）获取它们的内容以将其与特定字符串进行比较，例如，'Concentrated powders'但这会得到复杂，更改html会容易得多。简而言之，我认为您需要重新考虑您的方法并检查高级类别mod或编辑当前的categoies模板文件，您将在includes / templates / default_template / sideboxes / tpl_categories.php中找到复制到您的模板目录并编辑 - 询问另一个问你是否需要帮助。

如何在<a> tag using css?</a>上设置display none

1 个答案: