Kisonli, я либо неправильно понял вопрос, либо непонимаю что вам непонятно. в вукоммерсе есть три вида отображения страницы товаров.
1. отображать только товары
2. отображать только категории
3. отображать категории и товары.
С настройкой где отображаются категории сверху всегда будут видны плитки категорий, с картинками, если надо и клацая по ним вы будете проваливаться в подкатегории, тоже если надо с картинками, пока не доедете непостредственно до последней там будут только товары
не совсем понятен вопрос. довольно часто так и делают, сначала верстают десктоп версию, потом пишут всю адаптивку. даже если нет желания. но такая у нас работа
селектор тильда говорит поменяй з-индекс при выбраном чекбоксе у элемента с классом .класс который распольжен гдето дальше на том же уровне что и чекбокс. на том же уровне. это почти как +, только немного дальше умеет
barsecky,
сначала идет блок на всю ширину, часть которого занимает видео
дальше идет блок с неким враппером, который ограничивает ширину контента.
внутри враппера идет блок шириной около 55%, с серым бекграундом, который накрывает кусок видео,потому что вся секция смещена вверх например отрицательным маргином или позиуионированием - как удобно.
единственной проблемой вижу градиент на сером фоне, если серое это целиком градиент то может не выйти