I hope it's okay to ask a very generic top view question. I started out with WordPress and want to improve my (non-existent) HTML/CSS/PHP/JS etc. coding skills to customize my site.
I got WooCommerce & Elementor and I'm fairly happy with my shop page, but I'm getting tired of trying plugin after plugin to get exactly what I need (I'm in now rush at all, so this can be a long journey, but I want to make sure I'm going in the right direction).
So what I'm wondering is what does it take to be able to revamp the filter and archive pages so I can get exactly what I want? Obviously, I need HTML/CSS skills, but how do I implement the actual filtering?
I added custom fields to the WooCommerce products via ACF, so ideally I want to filter by that. I also want to add badges or custom elements to the individual products (in the archive page) based on those custom fields.
I assume I can do something via JS (add the badges) by (somehow) querying the field value (if I can access those from within WooCommerce), but how is the filtering done? Do I have to rebuild the entire HTML (table) or can this be done smarter by filtering the input to whatever generates the archive page (might be way off here ...)
So again, not asking for the exact code, just want to know if I should try to ramp up on JS to get this implemented, and/or is it possible to access those WooCommerce custom fields (which method would I use for that)?
Hope this is not too generic a question and it makes somewhat sense to you all ...