1. Приветствуем Вас на нашем закрытом форуме для складчиков сайта cmsheaven.org. Если Вы частный вебмастер, фрилансер, владелец малого или среднего бизнеса, представитель студии по разработке сайтов - будем рады видеть Вас в наших рядах экономных людей.
    Регистрация на форуме возможна только после вступления в складчину

Возможности joomla автокаталог

Тема в разделе "Вопросы по Joomla CMS [тех. поддержка]", создана пользователем zagigin84, 4 апр 2015.

Статус темы:
Закрыта.
  1. zagigin84

    zagigin84 Матерый складчик

    Регистрация:
    11 мар 2015
    Сообщения:
    304
    Симпатии:
    37
    Друзья работаю сейчас над каталогом запчастей, интересна возможность активной картинки как здесь http://www.megazip.ru/zapchasti-dly...0237/smpfz-628013#g7929615/vozduhoochistiteli , тоесть при неведении на номер детали активируется её показатели, подскажите пожалуисто есть такие возможности у joomla? если да то подскажите компанент который сможет это реализовать, пожалуйсто)
    #1
  2. Dkautorr

    Dkautorr Опытный складчик

    Регистрация:
    11 окт 2014
    Сообщения:
    60
    Симпатии:
    31
    Там по ходу все реализовано через вариации спойлера на js. Правда, в вашем примере реализация забавная - активация элемента вызывает не раскрытие области, а обращение к классу. В общем, такой сайт - произведение эпическое.
    Активные области на картинке вы сможете реализовать только ручками - либо голым html (очень грустно), либо через svg (повеселее но не намного).
    #2
    zagigin84 нравится это.
  3. plovets

    plovets Опытный складчик

    Регистрация:
    11 фев 2015
    Сообщения:
    67
    Симпатии:
    22
    Вам нужен сам эффект перехода? или компонент, который при нажатии на картинку в каталоге переходит в полное описание товара?
    Если компонент, то есть такое Jbzoo - там такое возможно, а переход можно и ручками доработать (o_O)
    #3
    zagigin84 нравится это.
  4. Dkautorr

    Dkautorr Опытный складчик

    Регистрация:
    11 окт 2014
    Сообщения:
    60
    Симпатии:
    31
    Автор поста дал не совсем полную ссылку. Если перейти на вкладку узла, то там на схеме-картинке номера деталей, входящих в узел будут активными зонами, раскрывающими спойлер с описанием конкретной детали. Вот именно об этом эффекте и идет речь.
    #4
    zagigin84 нравится это.
  5. plovets

    plovets Опытный складчик

    Регистрация:
    11 фев 2015
    Сообщения:
    67
    Симпатии:
    22
    Прошу прощения - теперь понял о чем речь. На вскидку, компонента такого, конечно, не найти. Ну значит ручками - через JS проще всего.
    #5
    zagigin84 нравится это.
  6. Modi34

    Modi34 Свой человек

    Регистрация:
    31 окт 2014
    Сообщения:
    2.033
    Симпатии:
    720
    это сделано на html map или image map - работает везде и существует с очень бородатых времен...
    можно найти большое кол-во любых расширений (включая компоненты с навигацией через imagemap)
    вот 3 для примера, а остальное найдете сами
    http://extensions.joomla.org/profile/extension/photos-a-images/images/imagemapster
    http://extensions.joomla.org/extensions/extension/photos-a-images/images/ja-image-hotspot
    http://extensions.joomla.org/extensions/extension/style-a-design/design/html-map-manager-2

    так же вы можете добиться желаемого эффекта просто закинув код в редактор - некоторые редакторы кстати имеют плагины для image map - например https://www.joomlacontenteditor.net/support/forum/custom-imagemap-addon

    чтобы сгенерировать нужный вам код можно использовать любые онлайн ресурсы
    вот например
    http://www.image-maps.com/
    http://www.maschek.hu/imagemap

    если у вас есть понимание что такое svg и как с ним работать то можно строить вот такие вещи
    http://mapplic.com/plugin/
    #6
    zagigin84 нравится это.
  7. zagigin84

    zagigin84 Матерый складчик

    Регистрация:
    11 мар 2015
    Сообщения:
    304
    Симпатии:
    37
    Спаисбо Mobi34! начало уже есть осталось разобраться со всем этим
    #7
  8. Dkautorr

    Dkautorr Опытный складчик

    Регистрация:
    11 окт 2014
    Сообщения:
    60
    Симпатии:
    31
    Через map или svg - примерно одинаково - объем работ офигенный, поскольку ссылки все равно поэлементно цеплять ручками. На svg даже наверно побыстрее получится. А самое обидное, что в данном случае этот титанический труд - мартышкин, потому что, скорее всего, подавляющее большинство посетителей даже не подозревает, что циферки на картинках являются активными элементами :D. Тогда уж надо было трассировать схемы и делать активными элементами и сами детали. И подсвечивать их для большей наглядности. Правда, в этом случае уже всяко лучше на svg ваять. Работа, конечно, та еще - граф Лев Николаевич бросает косить траву и идет нервно курить ее в тенечке, но оно того стоит.
    #8
  9. Modi34

    Modi34 Свой человек

    Регистрация:
    31 окт 2014
    Сообщения:
    2.033
    Симпатии:
    720
    расширения и сервисы упращют создание html map до просто перетаскивания на картинку метки и ввода ссылки с тайтлом - это не сложнее чем создать анкор таг...
    #9
  10. Dkautorr

    Dkautorr Опытный складчик

    Регистрация:
    11 окт 2014
    Сообщения:
    60
    Симпатии:
    31
    А я и не говорю, что сложнее :). Но все равно - если представить себе объем каталога и прикинуть сколько раз нужно будет проделать это "просто перетащить и ввести" ... :eek:. А главное - пользователь не заметит и не оценит. Во всяком случае, если говорить о том, как это оформлено в приведенном примере. Там ведь активные зоны на картинке изначально вообще никак не выделены! Как посетитель в принципе догадается, что нужно куда-то жмать? Только если в процессе бездумного мотуляния мышой по экрану заметит изменение курсора и сообразит в этом месте кликнуть. Вопрос: ради чего столько труда вложено?
    #10
    zagigin84 нравится это.
  11. Modi34

    Modi34 Свой человек

    Регистрация:
    31 окт 2014
    Сообщения:
    2.033
    Симпатии:
    720
    заметит и оценит - я скинул разные плагины и решения и везде активная область тем или иным способом подсвечивается
    #11
    zagigin84 нравится это.
Статус темы:
Закрыта.