Editing Woocommerce Product Categories Widget

  • Resolved gluecklichezwerge

    (@gluecklichezwerge)


    6 years, 11 months ago

    Hello,

    I added the Woocommerce product categories widget to my current project and it is working fine. Only question I have: Is it possible to edit the appearance of it?
    I do not have a lot of subcategories on the page, but to save the customers from endless scrolling down (especially on mobile devices) I am looking for a solution.
    This is the category I’m reffering to:
    https://www.gluecklichezwerge.de/produkt-kategorie/schnullerketten/schnullerketten-mit-namen/
    Is it possible to edit the widget and make it look like this (quick photoshop edit)?
    https://ibb.co/eu1rPH

    Questions in detail: Is it possible to
    – replace listing icon
    – make content count appear directly after subcategory name
    – define max width
    – add pre-defined amount of X elements after which output list should be splitted and re-ordered to show up beside the previous listed subcategories

    I am aware of the file class-wc-widget-product-categories.php, but am not skilled enough to answer these questions myself. ??
    To change that I decided to avoid usage of another plugin. Hopefully I am able to get deeper into this stuff this way.

    Any help or suggestions are welcome, thank you

    -Bj?rn

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support RK a11n

    (@riaanknoetze)

    Hey Bj?rn,

    It’s definitely possible although it would require a fair amount of customisation – at least more than what we’re able to help out with here.

    Broadly speaking, you could approach it in two ways:

    • Use a loop counter where a dedicated classname is added to every x-number of HTML elements. Using CSS, you could then write break those down when the classname is present.
    • You could use just CSS, especially the newer selectors like nth-child or flexbox to position the elements as you’d like them.

    Either way, the code involved is more in-depth than a quick one-liner. If you’re not comfortable writing this yourself, I recommend getting in touch with a web developer to help or reach out to someone at https://woocommerce.com/customizations/

    Thread Starter gluecklichezwerge

    (@gluecklichezwerge)

    Hi Rian,

    thanks for your feedback. I will consider that and see what I am able to come up with. Obviously a good possibility to dive deeper into coding. At least one positive aspect. ??

    Have a refreshing weekend,

    -Bj?rn

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Editing Woocommerce Product Categories Widget’ is closed to new replies.