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

[wimana12]

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

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

Змінено 15 січня 2022 користувачем wimana12

[Tom]

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

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

[wimana12]

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

 

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

[Tom]

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

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

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

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

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

[wimana12]

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

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

 

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

[wimana12]

<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 подключить... а вдруг

Змінено 17 січня 2022 користувачем wimana12

[Tom]

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

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

[wimana12]

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

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

[wimana12]

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

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

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

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

 

 

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

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