Kasum01

Чек лис такой:
1) Создаёте шаблон возрдпресс
Как перенести сайт с 1С-Битрикс на Wordpress?
2) Ставите woocommerce, читаете документацию
https://docs.woocommerce.com/
3) берёте тему storefront https://docs.woocommerce.com/documentation/themes/...
4) ваш созданный шаблон в п.1 делаете дочерней темой storefront
5) Внедряете вёрстку для страниц woocommerce, читаете блоги, смотрите ютуб

$('body').on('click', function(event){
		if (!$(event.target).closest('.menu').length) {
			$('.menu').removeClass('menu-opened')
		}
	});

$('body').not('.menu').click(function() { 
        $('.menu').toggleClass('menu-opened'); // Следом этому же меню присваевается класс menu-opened, которому заданы стили для оформления
    });