Help getting my product categories list menu to collapse

  • Resolved zehgs

    (@zehgs)


    2 years, 10 months ago

    Hi everyone!

    I would like my category list to collapse like this solution here https://jsfiddle.net/escozul/nrxek35q/30/, which I tried to adapt to my own website.

    Unfortunately the HTML/CSS structures are significantly different so I couldn’t do it myself. I managed to, more or less, determine which classes are equivalent to which but, unfortunately, it didn’t quite work.

    BASE #sidebar -> #secondary
    MAIN CONTAINER .widget_product_categories -> .wc-block-product-categories
    MAIN UL .product-categories -> .wc-block-product-categories-list.wc-block-product-categories-list–depth-0
    This one I am unsure about since I’ve never used this type of selectors
    SECONDARY ULs .children -> .[class^=”wc-block-product-categories-list.wc-block-categories-list–depth-“]
    CHILDLESS LI .cat-item -> .wc-block-product-categories-list-item

    My website doesn’t have a ‘cat-parent’ class for LIs that are parents. Is this why it’s not working? The class equivalence seems correct to me.

    I know that this is quite a bit of work and tad rude of me to ask for help but, if any kind soul is willing to help or point me in the right direction, I would REALLY appreciate it. This is the very last technical hurdle I need to overcome to start uploading products and launch my site and, unfortunately, I couldn’t find any plugins that took care of it.

    Thanks a lot for your time!

    • This topic was modified 2 years, 10 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    Not rude at all, we’re here to help. Everyone can decide for themselves whether they want to tackle this or not.

    In any case, it seems you’ve already resolved this yourself. The list expands/contracts for me as expected. If so, when you have a free moment, please mark this topic as resolved. If not, please explain in more detail what the problem is.

    Thread Starter zehgs

    (@zehgs)

    Thank you very much for replying!

    Please excuse me, I forgot to come here and let you guys know that I solved it with the help of the good folks at Stack Overflow! The problem was that my category structure was changed to the Gutenberg blocks. All I had to do was install a plugin called “Disable Gutenberg”, mark both checkboxes in its settings and it worked.

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help getting my product categories list menu to collapse’ is closed to new replies.