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

BelMary

  • Осваиваюсь на форуме
  • 87
  • 6
Проблема с LightBox
« : 11.07.2017, 11:29:26 »
Повредилось отображение lightbox в карточке товара при увеличении изображения. Из кода видно, что уходит по 10px с каждой стороны. В какую сторону копать, чтобы это исправить?
Записан
*

darkghost

  • Практически профи
  • 2100
  • 95
Re: Проблема с LightBox
« Ответ #1 : 11.07.2017, 11:41:55 »
хорошо бы ссылочку на пациента - было бы быстрее и нагляднее.
Почему все-таки ширину в 100% игнорирует? Если попробовать все же использовать ширину 100% и размещать по области окна, резултат какой?
Записан
*

lexxbry

  • Давно я тут
  • 365
  • 10
Re: Проблема с LightBox
« Ответ #2 : 11.07.2017, 11:45:55 »
или как вариант задать для ширины !important
Записан
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

BelMary

  • Осваиваюсь на форуме
  • 87
  • 6
Re: Проблема с LightBox
« Ответ #3 : 11.07.2017, 11:54:15 »
Цитата: darkghost от 11.07.2017, 11:41:55
хорошо бы ссылочку на пациента - было бы быстрее и нагляднее.
Почему все-таки ширину в 100% игнорирует? Если попробовать все же использовать ширину 100% и размещать по области окна, резултат какой?
potencial.ticentr.ru
Записан
*

BelMary

  • Осваиваюсь на форуме
  • 87
  • 6
Re: Проблема с LightBox
« Ответ #4 : 11.07.2017, 11:55:54 »
Цитата: lexxbry от 11.07.2017, 11:45:55
или как вариант задать для ширины !important

Цитата: darkghost от 11.07.2017, 11:41:55
Почему все-таки ширину в 100% игнорирует? Если попробовать все же использовать ширину 100% и размещать по области окна, резултат какой?


С шириной 100% он растягивает блок с надписью на весь экран.
Записан
*

darkghost

  • Практически профи
  • 2100
  • 95
Re: Проблема с LightBox
« Ответ #5 : 11.07.2017, 12:12:57 »
ширина этих блоков должна быть одинаковой
Код
...
<div id="lightbox-container-image-box" style="width: 770px; height: 520px;"></div>
<div id="lightbox-container-image-data-box" style="width: 750px; display: block;" ...
Почему здесь она разная? Код правили?
Записан
*

zeher

  • Осваиваюсь на форуме
  • 147
  • 12
Re: Проблема с LightBox
« Ответ #6 : 11.07.2017, 12:16:18 »
http://prntscr.com/fu8fkk
lightbox-container-image-data-box  засуньте в lightbox-container-image и width: 100% !important;


и выпадающему меню сделайте фон белый, а то это жесть )
Записан
*

BelMary

  • Осваиваюсь на форуме
  • 87
  • 6
Re: Проблема с LightBox
« Ответ #7 : 11.07.2017, 12:19:50 »
Цитата: zeher от 11.07.2017, 12:16:18
и выпадающему меню сделайте фон белый, а то это жесть )

До сегодняшнего утра он таким и был, но  у заказчика свои "закидоны".
Записан
*

BelMary

  • Осваиваюсь на форуме
  • 87
  • 6
Re: Проблема с LightBox
« Ответ #8 : 11.07.2017, 12:20:21 »
Цитата: darkghost от 11.07.2017, 12:12:57
ширина этих блоков должна быть одинаковой
Код
...
<div id="lightbox-container-image-box" style="width: 770px; height: 520px;"></div>
<div id="lightbox-container-image-data-box" style="width: 750px; display: block;" ...
Почему здесь она разная? Код правили?
В том то и дело, что не правила.
Записан
*

BelMary

  • Осваиваюсь на форуме
  • 87
  • 6
Re: Проблема с LightBox
« Ответ #9 : 11.07.2017, 12:22:26 »
Цитата: zeher от 11.07.2017, 12:16:18
lightbox-container-image-data-box  засуньте в lightbox-container-image и width: 100% !important;

В каком файле это найти?
Записан
*

zeher

  • Осваиваюсь на форуме
  • 147
  • 12
Re: Проблема с LightBox
« Ответ #10 : 11.07.2017, 12:24:03 »
product_default.php
Записан
*

darkghost

  • Практически профи
  • 2100
  • 95
Re: Проблема с LightBox
« Ответ #11 : 11.07.2017, 12:25:15 »
Цитата: darkghost от 11.07.2017, 12:12:57
Код
...
<div id="lightbox-container-image-box" style="width: 770px; height: 520px;"></div>
<div id="lightbox-container-image-data-box" style="width: 750px; display: block;" ...
как формируются стили в исходном файле LightBox? Может попробовать продублировать style ...image-box для image-data-box? интересует в даной ситуации ширина
Записан
*

BelMary

  • Осваиваюсь на форуме
  • 87
  • 6
Re: Проблема с LightBox
« Ответ #12 : 11.07.2017, 12:28:56 »
Цитата: darkghost от 11.07.2017, 12:25:15
как формируются стили в исходном файле LightBox? Может попробовать продублировать style ...image-box для image-data-box? интересует в даной ситуации ширина

Вероятно вот так (из файла jquery.lightbox.js):
Код
$('#lightbox-container-image-box').animate({ width: intWidth, height: intHeight },settings.containerResizeSpeed,function() { _show_image(); });
			if ( ( intDiffW == 0 ) && ( intDiffH == 0 ) ) {
				if ( $.browser.msie ) {
					___pause(250);
				} else {
					___pause(100);	
				}
			} 
			$('#lightbox-container-image-data-box').css({ width: intImageWidth });
			$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({ height: intImageHeight + (settings.containerBorderSize * 2) });
Записан
*

BelMary

  • Осваиваюсь на форуме
  • 87
  • 6
Re: Проблема с LightBox
« Ответ #13 : 11.07.2017, 12:30:19 »
Цитата: zeher от 11.07.2017, 12:24:03
product_default.php
там нет такого
Записан
*

zeher

  • Осваиваюсь на форуме
  • 147
  • 12
Re: Проблема с LightBox
« Ответ #14 : 11.07.2017, 12:37:09 »
пардон ) jquery.lightbox.js

у меня заменен lightbox на бутсрап, а интуитивно подумал на карточку товара
Записан
*

darkghost

  • Практически профи
  • 2100
  • 95
Re: Проблема с LightBox
« Ответ #15 : 11.07.2017, 12:37:19 »
тяжело судить по "куску" кода, но попробуйте сделать/прописать width: intWidth двум этим блокам
Записан
*

BelMary

  • Осваиваюсь на форуме
  • 87
  • 6
Re: Проблема с LightBox
« Ответ #16 : 11.07.2017, 12:38:52 »
Цитата: darkghost от 11.07.2017, 12:37:19
тяжело судить по "куску" кода, но попробуйте сделать/прописать width: intWidth двум этим блокам

Поправила таким образом (jquery.lightbox.js):
Код
$('#lightbox-container-image-box').animate({ width: [b]intImageWidth[/b], height: intHeight },settings.containerResizeSpeed,function() { _show_image(); });
			if ( ( intDiffW == 0 ) && ( intDiffH == 0 ) ) {
				if ( $.browser.msie ) {
					___pause(250);
				} else {
					___pause(100);	
				}
			} 
			$('#lightbox-container-image-data-box').css({ width: intImageWidth });

Но возникает вопрос: при обновлении JoomShopping снова все нарушится?
Записан
*

BelMary

  • Осваиваюсь на форуме
  • 87
  • 6
Re: Проблема с LightBox
« Ответ #17 : 11.07.2017, 12:39:58 »
Цитата: zeher от 11.07.2017, 12:37:09
пардон ) jquery.lightbox.js

у меня заменен lightbox на бутсрап, а интуитивно подумал на карточку товара

а как это сделать? Может это и будет решением проблемы?
Записан
*

zeher

  • Осваиваюсь на форуме
  • 147
  • 12
Re: Проблема с LightBox
« Ответ #18 : 11.07.2017, 12:45:17 »
http://bootstrap-3.ru/javascript.php#modals

и править шаблон товара, где основное фото и миниатюры это ссылка на модальное окно в котором full_image
Записан
*

darkghost

  • Практически профи
  • 2100
  • 95
Re: Проблема с LightBox
« Ответ #19 : 11.07.2017, 12:54:50 »
чтобы прописать это же в bootstrap... очевидно необходимо переписать вывод картинки и подписи в файле, а затем прописать стили для блока
Цитировать
lightbox-container-image-data-box  засуньте в lightbox-container-image и width: 100% !important;
и этот вариант также можей "уйти" при обновлении. Интересный факт - почему
Код
.../components/com_jshopping/js/jquery/jquery.lightbox.js
подгружается дважды? Но это уже совсем иная история
Записан
*

zeher

  • Осваиваюсь на форуме
  • 147
  • 12
Re: Проблема с LightBox
« Ответ #20 : 11.07.2017, 13:01:15 »
Цитировать
чтобы прописать это же в bootstrap...
если честно не понял.

Записан
*

BelMary

  • Осваиваюсь на форуме
  • 87
  • 6
Re: Проблема с LightBox
« Ответ #21 : 11.07.2017, 13:13:13 »
Цитата: darkghost от 11.07.2017, 12:54:50
Код
.../components/com_jshopping/js/jquery/jquery.lightbox.js
подгружается дважды? Но это уже совсем иная история
Где он подгружается дважды?
Записан
*

darkghost

  • Практически профи
  • 2100
  • 95
Re: Проблема с LightBox
« Ответ #22 : 11.07.2017, 13:22:59 »
Цитата: BelMary от 11.07.2017, 13:13:13
Где он подгружается дважды?
откройте исходный код страницы и смотрите в блоке <head>, дважды одна и та же строка .../components/com_jshopping/js/jquery/jquery.lightbox.js
Записан
*

BelMary

  • Осваиваюсь на форуме
  • 87
  • 6
Re: Проблема с LightBox
« Ответ #23 : 11.07.2017, 15:00:50 »
Цитата: darkghost от 11.07.2017, 13:22:59
откройте исходный код страницы и смотрите в блоке <head>, дважды одна и та же строка .../components/com_jshopping/js/jquery/jquery.lightbox.js
Там один раз CSS загружается, второй js.

Записан
*

darkghost

  • Практически профи
  • 2100
  • 95
Re: Проблема с LightBox
« Ответ #24 : 11.07.2017, 15:23:08 »
сорри, за беспокойствие - не досмотрел.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с загрузкой изображений

Автор miklman

 Ответов: 10
Просмотров: 175 		Последний ответ 06.07.2017, 19:58:28
от Linfuby
Проблема при обновлении

Автор miklman

 Ответов: 8
Просмотров: 256 		Последний ответ 29.05.2017, 10:45:54
от dmitry_stas
Проблема с фото в карточке товара

Автор astapon

 Ответов: 6
Просмотров: 208 		Последний ответ 09.04.2017, 21:40:30
от dmitry_stas
Проблема с отображением товаров JoomShopping на сайте

Автор mishgan95

 Ответов: 11
Просмотров: 276 		Последний ответ 30.01.2017, 11:58:10
от mishgan95
JoomShopping проблема с регистрацией в ЛК

Автор Qverty2012

 Ответов: 12
Просмотров: 454 		Последний ответ 04.11.2016, 17:13:57
от Qverty2012