Вертикальное меню сайта на Wordpress (HTML, CSS, JS) + Woocommerce
41 PLNНеобходимо создать выпадающее вертикальное меню с возможностью скрывать категории по высоте блока, при нажатии на кнопку "Раскрыть" - раскрывать меню полностью. При этом, находящийся блок ниже, не должен опускаться.
Меню выводится динамический с Woocommerce, с помощью get_category_shop(); списком на главную страницу сайта (пример: http://www.portotheme.com/wordpress/porto/shop2/), так же необходимо выводить под категории меню.
Пример на картинке:
1) По умолчанию категории которые не вмещаются в левое вертикальное меню - скрыто;
2) Блок категорий раскрыт по вертикале (с возможностью скрыть, щелкнув в любой точке экрана или нажав скрыть).
Пример в реализации:
http://jsbin.com/lulipahupu/2/edit?output - так необходимо реализовать, но здесь меню разбита на две части, необходимо сделать тоже самое, но не присваивать категориям классы (скрыть, показать - has-child, hidden-items).
Итог: Должно получиться рабочее стилизованное под действующее вертикальное меню, с выводом категорий и под категорий групп товаров с Woocommerce на главную страницу Wordpress. Зачем это нужно? Будет более 30 категорий с 50 под категориями!
Работы по настройке необходимо провести на сайте, доступы - предоставлю исполнителю!
Załączniki 2
-
480 41 0 Здравствуйте!
Создам меню с учетом всех пожеланий, если нужно создам дочерний класс класса Walker.
Имею большой опыт работы с Wordpress и Woocommerce.
-
267 Команда из четырех человек
Имеем большой опыт в сфере:
- веб дизайна;
- сайтостроения
- интернет маркетинга;
- SEO продвижения;
- контекстной рекламы.
Специализируемся на WordPress.
…
Ведем курсы по веб программированию и SEO продвижению http://kursy.vdcom.net.ua/
Вот адрес странички https://vdcom.net.ua/tsenyi где указаны стоимость работ.
Всегда работаем на результат!
Основная специализация – комплексный интернет маркетинг для компаний малого и среднего бизнеса в сфере услуг.
http://remo-art.com.ua/
http://art-remont.com.ua/
http://bds.in.ua/
http://alp.in.ua/
https://bagita.com/
http://markos-group.com/
http://motiva.ck.ua/
https://vdcom.net.ua/
и другие
Сюда входит полная SEO оптимизации вашего проекта главной страницы
Также можем быть вам полезными в продвижения вашего сайта в поисковых системах
Предлагаю созвонится, это ускорит процесс начала работы.
Tel: +380 96 400 40 10
Skype: vdcom.net.ua
Telegram: +380964004010
Viber: +380964004010
С уважением Василий
-
161 Добрый день, Дмитрий!
Спасибо, что так детально и понятно описали задание. Буду рада его выполнить.
Кнопку "Открыть категории", нужно сделать над кнопкой "HUGE SALE"?
На сколько я понимаю, тут можно все сделать средствами JQuery и CSS.
С нетерпением жду от Вас ответа!
-
Добрый день! Что бы задача была более понятна, объясню что необходимо сделать более подробно, что бы потом не было вопросов!
Что имеем:
Wordpress с магазином Woocommerce, в магазине есть группа (около 15) категорий и под категорий.
Что необходимо:
1) Вывести на главную страницу шаблона Wordpress общий список категорий с подкатегориями (не товары а именно категорий) из Woocommerce в виде вертикального меню (с стилем под шаблон), так как изображено на картинке.
Пояснение: В шаблоне http://www.portotheme.com/wordpress/porto/shop2/ выводиться меню вручную, то есть это обычный html код, необходимо автоматизировать данное меню, и сделать вывод категорий без ручного добавления html кода.
2) После вывода категорий с подкатегориями в вертикальное стилизованное меню, необходимо сделать сворачивание меню до определенного уровня, так как изображено на рисунке 1, 2. Добавив кнопку "Открыть все категории" и "скрыть". Пример реализации здесь: http://jsbin.com/lulipahupu/2/edit?output. Можно использовать js!
Пояснение: Если посмотрите код http://jsbin.com/lulipahupu/2/edit?output, то здесь видно, что меню разбито на два блока (добавлен class has-child и hidden-items), но если мы выводим вертикальное меню категорий из Woocommerce, то мы не сможем присвоить данный class определенной категории.
3) После того, как сделаете кнопку "скрыть и показать", необходимо, что бы меню показывалась по высоте правого блока - где расположен баннер - слайдер. Так как это изображено на картинке!
Если у вас есть опыт работы с woocommerce и Wordpress - пишите!
-
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Rozwój korporacyjnego systemu finansowego — React, TypeScript, Node.jsPoszukujemy doświadczonego programisty full-stack lub małego zespołu do stworzenia korporacyjnego systemu finansowego od podstaw. Wymagana jest realizacja pełnego cyklu rozwoju: projektowanie architektury, backend, frontend, baza danych, testowanie i uruchomienie systemu.… Javascript & Typescript, Programowanie stron internetowych ∙ 11 godzin 19 minut temu ∙ 53 oferty |
Programista gier
4390 PLN
Poszukujemy doświadczonego dewelopera gier do dopracowania istniejącego projektu na PixiJS. Należy poprawić matematyczny system gry, przerobić i zbalansować rundy bonusowe, a także wprowadzić zmiany w obecnej logice gry. Wymagane jest doświadczenie w komercyjnej produkcji gier… Javascript & Typescript, Tworzenie gier ∙ 16 godzin 4 sekundy temu ∙ 13 ofert |
Opracowanie strony internetowej według specyfikacji na FramerTrzeba zrobić stronę według tych parametrów, które są w specyfikacji https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Podajcie rzeczywistą stawkę na podstawie tego projektu Układ HTML i CSS, Javascript & Typescript ∙ 16 godzin 4 sekundy temu ∙ 24 oferty |
Opracowanie interaktywnej mapy Palworld dla strony internetowejPotrzebna jest interaktywna mapa Palworld na wzór: https://palworld.gg/map Potrzebujemy nie tylko statycznego obrazka, ale pełnoprawnej interaktywnej mapy, na której użytkownik może przeglądać lokalizacje, włączać/wyłączać kategorie obiektów, wyszukiwać potrzebne punkty i… Układ HTML i CSS, Javascript & Typescript ∙ 2 dni 6 godzin temu ∙ 31 ofert |
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 218 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 7 dni 13 godzin temu ∙ 119 ofert |