Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 1960 Просмотров
*

juvemen

  • Захожу иногда
  • 97
  • 0 / 0
Как адаптировать карту Google?
« : 19.03.2017, 18:20:54 »
Проблема такая, установил модуль (Location Map ) вывода карты Google на сайт, как его адаптировать под все возможные размеры устройств?
Записан
*

antony2606

  • Давно я тут
  • 634
  • 46 / 4
  • Работаем!
Re: Как адаптировать карту Google?
« Ответ #1 : 19.03.2017, 18:53:48 »
CSS свойства ширины и высоты: auto
Записан
*

juvemen

  • Захожу иногда
  • 97
  • 0 / 0
Re: Как адаптировать карту Google?
« Ответ #2 : 19.03.2017, 19:35:06 »
Цитата: antony2606 от 19.03.2017, 18:53:48
CSS свойства ширины и высоты: auto
Никак не могу найти в CSS где именно находится это свойство, через FireBug показывает путь в inline




в админке модуля выставляется ширина высота...

Записан
*

antony2606

  • Давно я тут
  • 634
  • 46 / 4
  • Работаем!
Re: Как адаптировать карту Google?
« Ответ #3 : 19.03.2017, 19:40:07 »
Цитировать
в админке модуля выставляется ширина высота...

туда и впишите auto или 100%
ага, вижу только px, ну тогда убрать из кода модуля px, или проще взять конструктором карт Google создать карту и вписать через модуль HTML

UPD: этот модуль?
если этот, то откройте файл модулес/названиемодуля/tmpl/default.php

и строка  104

Код: php
<div id="os_loc_map_canvas<?php echo $pr; ?>" style=
      "width: <?php echo $params->get('map_width');?>px; height: <?php echo $params->get('map_height'); ?>px;
      border: 1px solid black; float: rigth;" >
 </div>

вот так

Код: php
<div id="os_loc_map_canvas<?php echo $pr; ?>" style=
      "width: auto; height: auto;
      border: 1px solid black; float: rigth;" >
 </div>

или просто убрать PX и тогда в настройках модуля можно писать любые значения

Код: php
<div id="os_loc_map_canvas<?php echo $pr; ?>" style=
      "width: <?php echo $params->get('map_width');?>; height: <?php echo $params->get('map_height'); ?>;
      border: 1px solid black; float: rigth;" >
 </div>
« Последнее редактирование: 19.03.2017, 19:52:27 от antony2606 »
Записан
*

juvemen

  • Захожу иногда
  • 97
  • 0 / 0
Re: Как адаптировать карту Google?
« Ответ #4 : 19.03.2017, 20:13:14 »
Цитата: antony2606 от 19.03.2017, 19:40:07

нашел у себя такое
Код
 <div class="map" id="map_canvas<?php echo $pr; ?>" style=
      "width: <?php echo $params->get('map_width');?>px; height: <?php echo $params->get('map_height'); ?>px;
      border: 1px solid #999;" >
  </div>

Делал как вы сказали, убрал px карта исчезла полностью, добавлял auto, тоже самое. Я так понимаю размер карты  должен из каких то чисел состоять ? и на основе свойства auto при изменении разрешения экрана адаптироваться...
Записан
*

antony2606

  • Давно я тут
  • 634
  • 46 / 4
  • Работаем!
Re: Как адаптировать карту Google?
« Ответ #5 : 19.03.2017, 20:19:28 »
Цитата: juvemen от 19.03.2017, 20:13:14
нашел у себя такое
Код
 <div class="map" id="map_canvas<?php echo $pr; ?>" style=
      "width: <?php echo $params->get('map_width');?>px; height: <?php echo $params->get('map_height'); ?>px;
      border: 1px solid #999;" >
  </div>

Делал как вы сказали, убрал px карта исчезла полностью, добавлял auto, тоже самое. Я так понимаю размер карты  должен из каких то чисел состоять ? и на основе свойства auto при изменении разрешения экрана адаптироваться...

100% попробуйте
Записан
*

juvemen

  • Захожу иногда
  • 97
  • 0 / 0
Re: Как адаптировать карту Google?
« Ответ #6 : 20.03.2017, 21:45:46 »
Цитата: antony2606 от 19.03.2017, 20:19:28
100% попробуйте
Не помогает, так же карта исчезает полностью.
Записан
*

Septdir

  • Живу я здесь
  • 3370
  • 168 / 4
Re: Как адаптировать карту Google?
« Ответ #7 : 20.03.2017, 21:55:14 »
Тут проблема с высотой. Если ширина может быть и не задана. То высота должна быть. Как сделать ну тут много вариантов и все это к вёрстке относиться.  Можно от родителя плесать, можно через vh сделать или через rem , можно и скриптом относительные.
Так или иначе при инициализации карты у её блока должна быть ширина и высота иначе если ширина 0 или высота 0 то и карты не будет, что собственно логично.
Так что Google в помощь.
Записан
Не можете справиться с задачей сами пишите, решу ее за вас, не бесплатно*.
*Интересная задача, Деньги или Бартер. Натурой не беру!
CodersRank | Контакты | Мой GitHub | Workshop
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Как адаптировать карту Google?
« Ответ #8 : 21.03.2017, 00:00:19 »
можно попробовать прописать через @media screen класс -map- (если конечно он уникален)
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не могу понять где могу убрать Google карту со страницы

Автор itbc

 Ответов: 2
Просмотров: 1452 		Последний ответ 18.11.2021, 13:12:34
от itbc
Адаптировать таблицу к мобильной версии

Автор KingSnake

 Ответов: 1
Просмотров: 780 		Последний ответ 01.03.2021, 18:21:34
от KKAAZZOO
Цветные пятна всплывают в шаблоне в Google Chrom

Автор Chaffinch

 Ответов: 4
Просмотров: 1251 		Последний ответ 17.11.2017, 01:30:26
от altvvc
Не показывается реклама Google

Автор Se

 Ответов: 6
Просмотров: 1272 		Последний ответ 25.07.2017, 18:01:09
от Se
Helix-2 + PHP 7 + Google Fonts

Автор logan-19

 Ответов: 5
Просмотров: 1434 		Последний ответ 05.07.2017, 13:54:09
от logan-19