Как сделать каталог на сайте html
Перейти к содержимому

Как сделать каталог на сайте html

  • автор:

Скрипт каталога товаров для html сайта

Ищу скрипт каталога товаров-услуг (в моем случае это базы отдыха) для внедрения в сайт на html. Должна быть возможность поиска по нескольким критериям (типа как на сайтах по продаже авто). Возможность встроить в дизайн сайта. Все что нахожу в инете – все старое…. Заранее спасибо

На сайте с 12.05.2007
3 февраля 2017, 06:59
loed:
Все что нахожу в инете – все старое….

может потому что это не востребовано никем кроме пары динозавров на html? что мешает на сайт свой сделать каталог в html, без всяких скриптов? зы. и «старое» не значит «нерабочее».

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget

На сайте с 10.03.2007
3 февраля 2017, 07:12

totamon:
может потому что это не востребовано никем кроме пары динозавров на html? что мешает на сайт свой сделать каталог в html, без всяких скриптов?
зы. и «старое» не значит «нерабочее».

Каталог есть, есть сортировка по параметрам средствами css, а хотелось бы что был полноценный поиск базы по параметрам с любой страницы сайта

На сайте с 13.10.2014
3 февраля 2017, 09:12

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

На сайте с 27.09.2010
3 февраля 2017, 10:52

Ну как вариант можно реализовать на MODx по крайней мере ваши чпу не потеряете,легко перенесете ваш шаблон и без проблем внедрите все ваши хотелки!

На сайте с 10.03.2007
3 февраля 2017, 12:15

vryb:
Ну как вариант можно реализовать на MODx по крайней мере ваши чпу не потеряете,легко перенесете ваш шаблон и без проблем внедрите все ваши хотелки!

т.е по любому перенос сайта на cms?
На сайте с 04.12.2013
3 февраля 2017, 12:30
Не обязательно. Можно совместить каталог с вашим статиком. А что значит «каталог есть»?
Домены и скрипт для коротких ссылок: https://u75.ru/domains-for-shortcuts
На сайте с 16.01.2007
3 февраля 2017, 12:41
loed:
а хотелось бы что был полноценный поиск базы по параметрам с любой страницы сайта
loed:
по любому перенос сайта на cms?

Сейчас БД есть? Если нет, то как сделать поиск по сайту? Можно организовать поиск по фалам html, но это дольше и сервак будет грузить, или надо делать индексный файл на основе этих файлов, и по нему искать. короче все это руками и пилить. Поэтому проще встроить готовую цмс в дизайн, со сохранением структуры и адресов

Осуждаем применение нейросетей в SEO и не только ( https://webimho.ru/forum/148/ ) 🙂 Продвижение сайтов от 25 000 в мес, прозрачно, надежно ( /ru/forum/818412 ), но не быстро, отзывы ( http://webimho.ru/topic/3225/ )

На сайте с 10.03.2007
3 февраля 2017, 13:13
miketomlin:
Не обязательно. Можно совместить каталог с вашим статиком. А что значит «каталог есть»?

ну не каталог полноценный естественно, просто список баз на html с различными параметрами

donc:

Поэтому проще встроить готовую цмс в дизайн, со сохранением структуры и адресов

такой вариант рассматривал, как понял на автомате трудно сохранить урл, а на сайте около 1000 страничек

Создание каталога товаров в формате HTML5
Наиболее совместимый формат со всеми устройствами, экранами, браузерами.
Публикация, отсылка по email

Вы можете сделать HTML как всех товаров, так и только отмеченных в списке.
Не требует специальных шаблонов, вы можете использовать те же, которые уже используете для печати или создания PDF.
Есть возможность сделать HTML каталог одним файлом, легко переслать и разместить, а можно постранично, с кнопками навигации.
Во втором случае вы можете отослать по запросу избранные листы каталога.
При онлайн размещении, хорошо индексируется поисковыми системами.

Для выбора/изменения шаблона каталога выберите пункт «Изменить шаблон»

Образец HTML каталога 12 позиций на странице

Образец HTML каталога 30 позиций на странице

Образец HTML каталога 20 позиций на странице

Образец HTML каталога 35 позиций на странице

Применение: публикация на сайте, отсылка по email клиенту. Использование как альтернатива PDF каталогу. HTML каталог предлагается к использованию практически во всех областях бизнеса независимо он наличия сайта или интернет-магазина.

MyBusinessCatalog

(function(i,s,o,g,r,a,m),i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) >)(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’); ga(‘create’, ‘UA-107915-1’, ‘.mybusinesscatalog.com’, ); ga(‘require’, ‘linkid’, ‘linkid.js’); ga(‘require’, ‘linker’); ga(‘require’, ‘displayfeatures’); ga(‘send’, ‘pageview’);

We use cookies to improve the site and its user experience. By continuing to use the site, you consent to the use of cookies. You can always disable cookies in your browser settings.

Создание каталогов

Методы getFile() (работает только с файлами) и getDirectory() (работает только с каталогами) аналогичны. Для того чтобы создать каталог, используя для ввода данных все тот же шаблон из листинга 12.7, нужно всего лишь заменить название метода getFile() на getDirectory(), как в следующем коде.

Листинг 12.9. Создание каталога с помощью метода getDirectory()

Var name=document. getElementById(‘myentry’).value; if(name!=»)

Обратите внимание на то, что оба метода принадлежат объекту DirectoryEntry с именем root, для представления которого используется переменная hd. Таким образом, для вызова методов и создания файлов и каталогов в файловой системе нашего приложения приходится всегда использовать данную переменную.

Замените функцию create() в листинге 12.8 функцией из листинга 12.9, чтобы наше приложение создавало не файлы, а каталоги. Загрузите файлы приложения на свой сервер, откройте HTML-документ из листинга 12.7 в браузере и введите в форму на экране нужные данные для создания каталога.

Вам также могут быть интересны следующие статьи:

  • Перечисление файлов
  • Жесткий диск
  • Modernizr
  • Считывание содержимого
  • Прогресс

Меню для каталога

введите сюда описание изображения

Очень интересует реализация приведённого ниже меню-каталога на bootstrap 4. Может быть кто-то видел такое и есть примеры/готовое решение? Видел такое меню-каталог на многих сайтах. Обычно оно в раскрытом состоянии и располагается слева в виде сайтбара. Но его можно свернуть. В карточке товара оно обычно чвёрнуто и только в шапке сайта слева надпись-кнопка — каталог, которая раскрывается в виде меню.

Отслеживать
задан 15 фев 2019 в 14:13
487 2 2 серебряных знака 12 12 бронзовых знаков

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

Вот примерно такой документ у меня получился, поискав инфу в Нете.

      Multylevel menu      #menu2 < margin-left: 50px; >#menu3  
Item 1 Item 2
Item 2.1 Item 2.2
Item 2.2.1 Item 2.2.2

В прописан сам Bootstrap 4.

Меню первого уровня

Дальше идёт само меню. Item 2 является .submenu, .collapse, .dropdown-toggler; data-toggle=»collpase», даёт кнопке функционал. В data-target — прописан ID блока который мы собираемся открыть. Все эти атрибуты определяют наше подменю.

Меню второго уровня

Дальше идёт уже содержание самого подменю, указываем как обычное меню — .dropdown-menu и также .dropdown-collapse для того, чтобы оно скрывалось-раскрывалось.

Скрипт

И наконец строка jQuery, которая не даёт целому меню не закрыться при каких-то действиях внутри всего dropmenu. Скрипт обрабатывает класс .noclose, который мы записали в блоке, содержащий целое меню.

Стили

В можно сделать сдвиг блока меню, создав визуализацию дерева.

Заключение

Единственный недостаток — как-то долго открывается подменю. Попробуйте сами покрутить, поставить может что-то. Надеюсь у Вас получиться)) сам попробую что-то подправить, найду, обязательно оповещу)).

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *