Перейти к содержимому


Настройка Скрипта Увеличения Изображения


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 20 Август 2018 - 12:10

Здравствуйте
Аккаунт SL-393872
Прикрутил скрипт "увеличение фото при клике"

<!--Увеличение изображений-->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}lightzoom.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}lightzoom.js"></script>
<script type="text/javascript">jQuery('.lightzoom').lightzoom({speed: 400, viewTitle: true});</script>
<!--Конец увеличение изображений-->

как в примере https://codernote.ru/lightzoom/ Но сайт стал выдавать JS ошибку и конечно картинка не увеличивается . Страница теста /page/test

Помогите пожалуйста исправить ошибку. Спасибо

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 21 Август 2018 - 08:54

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
	<script type="text/javascript" src="{ASSETS_JS_PATH}jquery-3.3.1.min.js"></script>
    
далее зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
	$("#product_image_big_photos a[rel^='prettyPhoto']").prettyPhoto({
		animation_speed: 0,
		slideshow: false,
		social_tools: '',
		deeplinking: false,
		default_width: 1500,
		default_height: 938,
		allow_imgize: true
	});
    
замените на:
	$("a.lightzoom").prettyPhoto({
		animation_speed: 0,
		slideshow: false,
		social_tools: '',
		deeplinking: false,
		default_width: 1500,
		default_height: 938,
		allow_imgize: true
	});


#3 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 21 Август 2018 - 11:07

Просмотр сообщенияVaccina (21 Август 2018 - 08:54) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
 <script type="text/javascript" src="{ASSETS_JS_PATH}jquery-3.3.1.min.js"></script>

далее зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
 $("#product_image_big_photos a[rel^='prettyPhoto']").prettyPhoto({
animation_speed: 0,
slideshow: false,
social_tools: '',
deeplinking: false,
default_width: 1500,
default_height: 938,
allow_imgize: true
});

замените на:
 $("a.lightzoom").prettyPhoto({
animation_speed: 0,
slideshow: false,
social_tools: '',
deeplinking: false,
default_width: 1500,
default_height: 938,
allow_imgize: true
});

Спасибо, все заработало. На фотографии отображается надпись "undefined". Как ее можно убрать или изменить?

#4 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 30 Август 2018 - 12:50

На фотографии отображается надпись "undefined". Это лечится? Спасибо

#5 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 30 Август 2018 - 13:26

Просмотр сообщенияAst (30 Август 2018 - 12:50) писал:

На фотографии отображается надпись "undefined". Это лечится? Спасибо

Здравствуйте.
К сожалению подобной проблемы на Вашем сайте под аккаунтом: SL - 393872 , мы не наблюдаем.
Просьба прислать нам скриншот с указанием данной проблемы.

#6 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 30 Август 2018 - 13:58

Просмотр сообщенияRayLi (30 Август 2018 - 13:26) писал:

Здравствуйте.
К сожалению подобной проблемы на Вашем сайте под аккаунтом: SL - 393872 , мы не наблюдаем.
Просьба прислать нам скриншот с указанием данной проблемы.

К примеру на странице "о компании" под любой картинкой при увеличении отображается такая надпись

#7 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 30 Август 2018 - 14:14

Просмотр сообщенияAst (30 Август 2018 - 13:58) писал:

К примеру на странице "о компании" под любой картинкой при увеличении отображается такая надпись

Тогда, чтобы убрать данную надпись, Вам необходимо в шаблоне style.css найти следующий блок кода:

div.pp_default .pp_description {
	font-size: 11px;
	font-weight: 700;
	line-height: 14px;
	margin: 5px 50px 5px 0;
}

И заменить его этим вот кодом:


div.pp_default .pp_description {
	font-size: 11px;
	font-weight: 700;
	line-height: 14px;
	display: none !important;
	margin: 5px 50px 5px 0;
}


#8 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 30 Август 2018 - 14:23

Просмотр сообщенияRayLi (30 Август 2018 - 14:14) писал:

Тогда, чтобы убрать данную надпись, Вам необходимо в шаблоне style.css найти следующий блок кода:

div.pp_default .pp_description {
font-size: 11px;
font-weight: 700;
line-height: 14px;
margin: 5px 50px 5px 0;
}

И заменить его этим вот кодом:


div.pp_default .pp_description {
font-size: 11px;
font-weight: 700;
line-height: 14px;
display: none !important;
margin: 5px 50px 5px 0;
}

Спасибо, все получилось!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных