связка двух скриптов в карточке товара

[s26 0]

Ребята нужен хелп!

Целый день просидел...но без результата.

В карточке товара на основное фото я поставил скрипт "Лупа-zoom", который при наведении открывает справа увеличенную часть фотографии.

Еще правее у меня доп.фото.

Проблема: при открытии доп.фото, основное продолжает быть внахлест. Посоветуйте, как устранить?

Из того что уже перепробовал, убирал полностью в ксс position. Но тогда при наведении на основное фото, лупа открывает полностью на весь экран увеличенное изображение.

Вот демо скрипта.

http://www.mind-proj...demos.php#demo1

Тут есть возможность работы с доп.фото.

но код меня пугает:

<div class="clearfix" >

<ul id="thumblist" class="clearfix" >

  <li><a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './imgProd/triumph_small1.jpg',largeimage: './imgProd/triumph_big1.jpg'}"><img src='imgProd/thumbs/triumph_thumb1.jpg'></a></li>

  <li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './imgProd/triumph_small2.jpg',largeimage: './imgProd/triumph_big2.jpg'}"><img src='imgProd/thumbs/triumph_thumb2.jpg'></a></li>

  <li><a  href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './imgProd/triumph_small3.jpg',largeimage: './imgProd/triumph_big3.jpg'}"><img src='imgProd/thumbs/triumph_thumb3.jpg'></a></li>

</ul>

</div>

[/CODE]


 

 

При всем при этом движок магазина ругается на:

 

[CODE]

{gallery: 'gal1', smallimage: './imgProd/triumph_small1.jpg',largeimage: './imgProd/triumph_big1.jpg'}

собственно вот линк на мой магазин http://lookcost.ru/product_info.php?products_id=1

За ранее благодарен!!!

[qalv 0]

такая же беда, попап прячится под флешер, ждёмс помощи )

[s26 0]

Значит ждем хелпа от Александра!

Я еще вот что хотел спросить, не могу понять как я отключил http://lookcost.ru/product_info.php?products_id=1

кнопку КУПИТЬ, а так же вся правая часть неактивна!!

[karaush 0]

по не активности правой части замени CSS /templates/core/css/core-styles.css

#content {

/*reset*/

padding-right:0px;

/*reset end*/

width: 310px; - у тебя 930px;

float:left;

padding-top:20px;

padding-bottom:10px;

}

[support 447]

Кнопка купить исчезает если включить опцию "товар до 18 лет", может включили эту опцию.

[s26 0]

Саша, а на основной вопрос вы так и не ответили(в первом посте)

[-Inna- 0]

На этот вопрос вам никто не ответит так как скрипты сторонние.

Когда я первый раз делал скрипт лупу и прочие финтифлюшки то тоже долго мучился.

Могу сказать общее решение.

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

но проблема в том что если в шаблоне уже есть что то позиционированное relative

то сначал нужно искать его и делать ему z- индехс меньше.

то есть задача не для первого класса. но если есть терпение то это решаеться

Изменено 9 февраля, 2012 пользователем -Inna-

[s26 0]

по не активности правой части замени CSS /templates/core/css/core-styles.css

#content {

/*reset*/

padding-right:0px;

/*reset end*/

width: 310px; - у тебя 930px;

float:left;

padding-top:20px;

padding-bottom:10px;

}

Спасибо большое тебе!!

[s26 0]

На этот вопрос вам никто не ответит так как скрипты сторонние.

Когда я первый раз делал скрипт лупу и прочие финтифлюшки то тоже долго мучился.

Могу сказать общее решение.

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

но проблема в том что если в шаблоне уже есть что то позиционированное relative

то сначал нужно искать его и делать ему z- индехс меньше.

то есть задача не для первого класса. но если есть терпение то это решаеться

а можно пример вашего магаза, где решена эта задача.

есть и другое решение... взять полностью скрипт который я продемонстровал. Там есть возможность добавления дополнительных фото. Но я не знаю как правильно его интегрировать в движок, ведь - { код } он не индифицирует и выдает синтакс эрор

[s26 0]

Саша нас не радует :(

[support 447]

А чем Вас порадовать?!

Я этот скрипт никогда не ставил, ничего конкретного по нему сказать не могу.

Но как уже выше сказали, либо менять z-index в css, либо правильно писать html-код, расставлять отсутпы, что б слои не накладывались друг на друга.

Это вопрос html и css, а не вопрос движка магазина.

[s26 0]

Значит будем бороться)))

[qalv 0]

а чего бороться ? я как было сказано Z-index выставил в скрипте тоейсть файл.js везде 0 и всё работает, иногда css надо править, если ето касается дизайна скрипта! удачи!

[s26 0]

Спасибо огромное!

Только совет тем у кого впереди этот процесс. Методом исключения найдите в ксс тот z-index который уменьшите но не до 0 и тогда все будет красиво работать!

Всем спасибо!!