Необходимо заменить в position: fixed; вместо top: ... ; заменить на bottom: ...; и привязываться к низу вьюпорта

Можно попробовать такие варианты:
background: url("../img/image.jpg") no-repeat center top/contain;
background: url("../img/image.jpg") no-repeat center center/cover;
background: url("../img/image.jpg") no-repeat center top / cover;
background: no-repeat top/100% url("../img/image.jpg");
background: no-repeat center/100% url("../img/image.jpg");

Как вариант можно через настройки Woocommerce:
внешний вид (слева в меню) - настроить - woocommerce - каталог товаров