Это можно сделать псевдоэлементом.
Border transparent, border-right и border-bottom white. И растянуть его по ширине и на нужную высоту.
Вот документация по подобному: тык
Если верстать тяжело, можете попробовать плагин, по типу: LeaderLine
Но вообще разрезать на куски ваш макет и поставлять SVG построчно. Для меня всё выглядит как пара строк, разбитых по три столбца и псевдоэлементами соединения
WooCommerce не даёт из коробки стилизации вменяемой. Там совсем мало стилей для отдельных его элементов. Либо наследуют чью-то тему с стилями для него, либо сами полностью все стилизуют. Обычно платят за второе.
И ещё, WooCommerce даёт возможность свои файлы шаблонов переделывать копируя из плагина в папку темы, то есть взависимости от макета, можно структуру менять и ее потом оформлять
