Новости 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 Гость просматривают эту тему.
  • 3 Ответов
  • 1837 Просмотров
*

epson950

  • Захожу иногда
  • 119
  • 2 / 1
Стиль для всплывающего названия картинки- как?
« : 02.11.2016, 18:53:00 »
Если картинке присвоить название (title), то при наведении на нее курсора это название всплывает в маленьком окошке.
Но окошко слишком маленькое и невзрачное.
Вопрос- как image title вывести на картинке в более красивом виде? Подойдет любой вариант- tooltip, overlay или другой, главное чтобы использовался УЖЕ ГОТОВЫЙ title (картинок много) и можно было настроить оформление.
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Стиль для всплывающего названия картинки- как?
« Ответ #1 : 02.11.2016, 21:02:28 »
если используете bootstrap, то для тега, в котором прописан атрибут title допишите класс hasTooltip
если используете uikit, то для тега, в котором прописан атрибут title допишите атрибут data-uk-tooltip и дополнительно подключите tooltip.js из состава uikit
если не используете css-фреймворки, то задача нетривиальная: тут скрипт писать придется, либо отказываться от атрибута title и добавлять overlay-элемент и заверстывать его
для более детальной помощи нужно видеть сайт
Записан
*

epson950

  • Захожу иногда
  • 119
  • 2 / 1
Re: Стиль для всплывающего названия картинки- как?
« Ответ #2 : 02.11.2016, 22:59:42 »
На самом деле есть и bootstrap (шаблон gantry 5) и uikit (в составе jbzoo), но вот куда дописывать атрибуты я пока не понимаю, поскольку сам title вызывается через скрипт.
сейчас работает вот такая конструкция
Код
       <?php if ($this->checkPosition('image')) : ?>
                <div class="item-image uk-divider">
                   <p align="center"><?php echo $this->renderPosition('image'); ?></p>
                </div>
				<script>
        jQuery(function($) {
            newsImg = $(".item-image img");
            newsImg.after(function(){
                imgTitle = $(this).attr("title");
                if (imgTitle) return "<p>" +imgTitle+"</p>";
            });
        });
    </script>
	
            <?php endif; ?>
но она рушит оформление (картинки были в ряд, а становятся в столбик), поэтому ищу решение с выводом title поверх картинки.
А сайт пока дома на денвере.
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Стиль для всплывающего названия картинки- как?
« Ответ #3 : 03.11.2016, 01:04:05 »
картинка внутри позиции в джибизу? тогда надо переопределять элемент jbimage и дописывать уже туда (как переопределять - на форум по джибизу)
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Увиличение картинки при наведении

Автор vova630

 Ответов: 0
Просмотров: 1381 		Последний ответ 25.03.2018, 02:45:33
от vova630
Нужен пример как присвоить свой стиль одному модулю

Автор nick71

 Ответов: 21
Просмотров: 6398 		Последний ответ 17.02.2018, 14:44:40
от cirip
Перенести стиль компонента в шаблон

Автор stparts

 Ответов: 5
Просмотров: 2145 		Последний ответ 07.02.2018, 14:01:10
от stparts
Стиль для вышестоящего блока - HTML, CSS

Автор lalalag

 Ответов: 6
Просмотров: 3344 		Последний ответ 26.06.2017, 15:07:35
от Shustry
Убрать обрезку текста (названия товара) в каталоге

Автор Guzel

 Ответов: 2
Просмотров: 1699 		Последний ответ 04.02.2017, 20:23:23
от Guzel