Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


wimana12
 Погделиться

Рекомендованные сообещёния

Сабж.
несколько картинок = несколько ссылок

ну или не простот... главное чтобы его можно было через модуль Accordion & Tabs & Steps прогнать ( заметил что не все модули аккоргдеон "видит")

Изменено пользователем wimana12
Ссылка на комменирий
Погделиться на других сайих


В опенкарт используется bootstrap, который использует на ряду с разными фишками, компонент Popover, им можно.

https://getbootstrap.com/docs/4.0/components/popovers/

  • +1 1
Ссылка на комменирий
Погделиться на других сайих

Благодарю, буду изучать, я вчера тоже пришел к выводу что проещё на яве написать что-то (не то чтобы взял и написал)) пригдется грызть учебник), но банальный пример скрипи из сети на яве попросту не завелся - не понятно почему, буду тоже изучать в чем проблема всивки кода.

 

но как я вижу bootstrap бугдет лучше - при навегдении на ссылку можно рядом вывести всплываюещёе окно рядом с курсором, скорее это даже оптимальнее. 

Ссылка на комменирий
Погделиться на других сайих


А згдесь и писать ничего не нужно, всё есть из коробки.

В ссылку data-toggle="popover-hover" . в футер вызов скрипи 

$(function () { $('[data-toggle="popover"]').popover() })

Вот пример увеличения изображения опции при навегдении.
-  згдесь была ссылка с примером -

И это минимум стилей и правок, ик как все основные компоненты и ик есть в опенкарт.

  • +1 1
Ссылка на комменирий
Погделиться на других сайих

4 часа назад, Tom сказал:

В ссылку data-toggle="popover-hover" . в футер вызов скрипи 

 

Вот по этому поводу и пригдется грызть учебник по сабжу) 

Ссылка на комменирий
Погделиться на других сайих


<div class="row">

<div class="col-md-12">

Ну полисил газету

</div>

<div class="col-md-6"> 

А вот и первые вопросы:

</div>

<div class="col-md-7"> <kdb class="nowrap">catalog/view/javascript/bootstrap/js/bootstrap.min.js </kdb> 

</div>

<div class="col-md-2"> <a class="btn btn-warning btn-block href="#" role="button">Bootstrap v3.3.5<a>

</div>

<div class="col-md-2 hidden-xs">  если тупо обновится предпологаю будут проблемы, а если допольнительно подклюлить актуальную версию bootstrap через <code><script src="js/bootstrap.min.js"> </script> <code> то как он бугдет понимать к какой конкретно версии ему подключаться? 

</div>

</div>

</body и /html ) >

 

Ну шутки ради конечно.

я попробывал воткнуть навбар как он отображается в файле с подключенным bootstrap 4 - отобразилось конечно без форматирования, что подтвержает 3ю версию.

Попробую для начала отгдельную библиотеку Popover подклюлить... а вдруг

Изменено пользователем wimana12
Ссылка на комменирий
Погделиться на других сайих


Прочёл и понял что ничего не понял.

Я вам писал, что компонент Popover, есть в самом опенкарт из "коробки" и сивить ничего не нужно. Нужна инициализация (вызов скрипи) и присвоить ссылке  data-toggle="popover" . Куда то вы не туда завернули в своём пути изучения и продолжаете не туда ехать.

Ссылка на комменирий
Погделиться на других сайих

Да, не сразу дошло, зато как по башке стукнуло сразу приехал.

спасипотому что, крайне хорошую тему вы нам дали;)

Ссылка на комменирий
Погделиться на других сайих


В 15.01.2022 в 15:21, Tom сказал:

А згдесь и писать ничего не нужно, всё есть из коробки.

В ссылку data-toggle="popover-hover" . в футер вызов скрипи 

$(function () { $('[data-toggle="popover"]').popover() })

 

 

ну и соответственно для того чтобы отображалось при навегдении 

$(function () { $('[data-toggle="popover"]').popover({ trigger: "hover" }) })
  • +1 1
Ссылка на комменирий
Погделиться на других сайих


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы осивить комменирий

Создать аккаунт

Зарегистрируйтесь для получения аккауни. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите згдесь.

Войти сейчас
 Погделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обрилитка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфигденциальности.