Перейти к содержанию
devlad

Проблема отображения изображений товара

Рекомендуемые сообщения

Здравствуйте! Такая проблема. На главной странице стоит модуль рекомендуемые- fearured. Но вот картинки товара начинают грузиться только при скроллинге страницы вниз. В чем может быть проблема?

Поделиться сообщением


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

Может у вас еще какой-то модуль стоит и это не проблема, а фича?

Поделиться сообщением


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

Явно не фича... в каталоге товаров все нормально, а вот на главной , да и в целом в этом модуле проблема явная 

Поделиться сообщением


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

Стандартный модуль?

Поделиться сообщением


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

Не могу ответить, стандартный ли он... просто не знаю... скорее всего вместе с темой шел 

Поделиться сообщением


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

Что автор темы говорит?

Поделиться сообщением


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

Честно, я даже не знаю откуда она. Мне человек с фриланса магазин делал, потом пропал . Вот сижу исправляю ошибки уже неделю. 

Поделиться сообщением


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

unknown, может я вам в личку отправлю ссылку. ???

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
5 часов назад, devlad сказал:

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

Есть такая штука

LazyLoad

Она используется как раз так, как у вас описано. Посмотрите в настройках шаблона "Ленивая загрузка", "Отложенная загрузка"

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
17 минут назад, jaffagold сказал:

Есть такая штука

LazyLoad

Она используется как раз так, как у вас описано. Посмотрите в настройках шаблона "Ленивая загрузка", "Отложенная загрузка"

Не нашёл такого 

Поделиться сообщением


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

Может не там смотрю? Если не трудно, напишите путь 

Поделиться сообщением


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

Дайте ссылку, сразу понятнее станет.

Поделиться сообщением


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

<a href="https://viagra152.xyz/viagra1"><img alt="Дженерик Виагра 1 таблетка" title="Дженерик Виагра 1 таблетка" class="img-responsive lazy" data-src="https://viagra152.xyz/image/cache/catalog/prepars/viagra-kac-para-214x301.jpg" src="https://viagra152.xyz/image/cache/catalog/prepars/viagra-kac-para-214x301.jpg" style="opacity: 1;"></a>

Ща посмотрим

  • +1 1

Поделиться сообщением


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

jaffagold, может в header.tpl чего поменять? или в featured.tpl? хотя смотрю в упор и не понимаю)))

Поделиться сообщением


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

catalog/view/theme/theme536/js/script.js

Попробуйте закоментировать строки

Скрытый текст

/**************lazy load***************/
jQuery("img.lazy").unveil(1, function(){
	jQuery(this).load(function() {
		jQuery(this).animate({'opacity':1}, 700);
	});
});

 

чтобы получилось так

Скрытый текст

/**************lazy load***************/
/*
jQuery("img.lazy").unveil(1, function(){
	jQuery(this).load(function() {
		jQuery(this).animate({'opacity':1}, 700);
	});
});

*/

Обновить модификаторы и обновить страницу Crtl+F5

Хотя, там еще где-то есть ( не нашел пока), но надо посмотреть на изменения.

Изменено пользователем jaffagold
  • +1 1

Поделиться сообщением


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

Точнее теперь изображения вообще не грузятся (((

Поделиться сообщением


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

Я еще нашел в featured.tpl вот это class="img-responsive lazy

Поделиться сообщением


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

На самом деле это хорошо, так и должно было быть. Мы нашли кусок кода, который показывает спрятанные изображения.

Если вы нашли в файлах tpl class="img-responsive lazy, то просто удалите lazy, оставьте только class="img-responsive и все остальное

Также в файле category.tpl

Не забывайте перед экспериментами делать бекап файлов( на всякий случай)

В принципе, можно сначала проверить в одном месте, а потом пройтись по всем файлам сайта

искать img-responsive lazy

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

P.S. пока не забыл, потом пропиши в stylesheet.css

Скрытый текст

#content .product-thumb .caption {

    min-height: 215px;

}

блоки выровняются по высоте

Изменено пользователем jaffagold
  • +1 1

Поделиться сообщением


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

В файле category.tpl ничего нет (( может не в той директории смотрю? 

Поделиться сообщением


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

Смотри уже в коде страницы что мы получаем

Скрытый текст

<a href="https://viagra152.xyz/viagra1"><img alt="Дженерик Виагра 1 таблетка" title="Дженерик Виагра 1 таблетка" class="img-responsive lazy"

data-src="https://viagra152.xyz/image/cache/catalog/prepars/viagra-kac-para-214x301.jpg"

src="image/catalog/preload.gif"></a>

у нас выводится СНАЧАЛА заставка невидимая

src="image/catalog/preload.gif"

а потом скриптом после прокрутки появляется картинка

data-src="https://viagra152.xyz/image/cache/catalog/prepars/viagra-kac-para-214x301.jpg"

Короче

Если нам удалить data- , то останется src="https://viagra152.xyz/image/cache/catalog/prepars/viagra-kac-para-214x301.jpg"

и удалить 

src="image/catalog/preload.gif"

и тогда в карточке товара СРАЗУ будет показываться картинка

Но надо править featured.tpl

Там это выглядит слегка по-другому

Кинь мне содержимое этого файла в личку

Там нужен кусок типа такого

Скрытый текст

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /></a></div>

и, кстати, в Категории у тебя не сделан этот эффект. Поэтому этот кусок кода можно из категории будет вставить

P.S.2

Т.к. у тебя в рекомендованных нет описания, то блоки там высоковаты/ Можно сделать

Скрытый текст

#content .featured .product-thumb .caption {

    min-height: 115px;

}

и вместоclass="img-responsive lazy" оставь только class="img-responsive"

 

P.S.2

в файле featured.tpl

вместо

Скрытый текст

<div class="image"><a href="<?php echo $product['href']; ?>"><img alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" data-src="<?php echo $product['thumb']; ?>" src="image/catalog/preload.gif"  /></a></div>
            <div class="caption">

надо

Скрытый текст

<div class="image"><a href="<?php echo $product['href']; ?>"><img alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" src="<?php echo $product['thumb']; ?>"  /></a></div>
            <div class="caption">

Изменено пользователем jaffagold
  • +1 1

Поделиться сообщением


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

Вы просто Бог!!! Как я могу отблагодарить вас??

Поделиться сообщением


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

Плюсиков, что вы поставили вполне достаточно.  Если что еще- спрашивайте.

  • +1 1

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

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

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