Full width image on WooCommerce category pages

So, I figured this out but ran into a glitch. For any other readers, you have the ability to set a value at the product category level called the Category Styling. This let’s you add a full width banner at the top of category pages.

The glitch that I ran into, though, is that that banner displays the “extra_large” image size rather than the “full” image size. This causes the banner images to be stretched and pixelated to fill the area when the browser window is maximized on a 1920 pixel wide monitor. It sort of accomplishes the parallax feature but it looks pretty bad. To avoid hacking Enfold, I ended up using remove_action to bypass avia_woocommerce_big_cat_banner() and then making my own duplicates (renamed) of avia_woocommerce_big_cat_banner() and avia_woocommerce_parallax_banner() in functions.php and having xxx_woocommerce_parallax_banner() use the full image.

It would be great if there was a filter that let me specify which image size to use for that banner. It would be a much better solution that having to override built in Enfold functions and lose access to future updates/upgrades in those functions.

Done. Thanks!