Ankhena

я ходил на 2-3 пары в неделю, а потом сдавал все на пять.
методичка есть? покурим, пойдем сдавать.
4й курс, а такие детские вопросы.
если очень нужен тебе тот диплом, договорись с преподами, чтобы не имели мозги за прогулы.

если вы еще не в состоянии самостоятельно принимать решения, то на работу вам рано.

$(document).ready(function() {
	$("ul").each(function() {
		if ($(this).find("li>a.active")) {
			$(this).addClass("new_class");
		}
	})
})

Gulp по своей сути - это таск-раннер. Он не умеет ничего, кроме как запускать таски. Он может запускать их последовательно или параллельно, может передавать поток данных от одной таски в другую, может эти данные записать в файл. На этом его возможности заканчиваются. Больше он ничего не умеет. Та функциональность, которую от предоставляет, позволяет удобно организовать большое количество небольших программ, которые могут быть нужны при сборке или деплое проекта, но сами программы его не касаются. Ему сказали запустить - он запускает, не более того.

Дальше мы уже можем делать программы, таски, под свои задачи, в том числе дополняя их плагинами для Gulp, которые по сути своей - такие же независимые программы, просто соответствующие определенным соглашениям о том, как работать с вводом-выводом данных.

Откройте её на втором мониторе. :)

"WooCommerce" и "best practice" в одном предложении - это оксюморон, потому что лучшие практики в среде WordPress разработчиков и в остальном мире очень далеки друг от друга.

Хотите лучших практик с точки зрения разработки по-человечески - WP можно, но зачем? WooCommerce там окажется погребён под таким слоем своих абстракций, что... В общем, зачем.
Вряд ли на такое где-то в опенсорсе можно посмотреть.

Хотите best practice с точки зрения разработчиков WP и WC - ну, купите премиум-тему с заявленной поддержкой WC, они и сами там в установщике предлагают. Но помните, что это "тупое говно тупого говна" (с).
А вообще "правильный" - это решающий свою задачу.

Проще всего отдать на клиент без какой-то сортировки, а уже в браузере при помощи чего-то вроде masonry или isotope красиво отсортировать.

Или чего-нибудь из этого https://bashooka.com/coding/15-javascript-librarie...

А на php вы замучаетесь и все равно не получится учесть такие "мелочи" как размер экрана у юзера.