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

[devlad]

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

[unknown]

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

[devlad]

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

[unknown]

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

[devlad]

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

[unknown]

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

[devlad]

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

[devlad]

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

[jaffagold]

5 часов назад, devlad сказал:

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

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

LazyLoad

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

[devlad]

17 минут назад, jaffagold сказал:

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

LazyLoad

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

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

[devlad]

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

[agefremov]

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

[devlad]

Собственно вот

[jaffagold]

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

<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>

Ща посмотрим

[devlad]

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

[jaffagold]

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

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

Змінено 23 квітня 2017 користувачем jaffagold

[devlad]

Не помогло ((( всё так же 

 

[devlad]

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

[devlad]

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

[jaffagold]

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

Если вы нашли в файлах 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;

}

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

Змінено 23 квітня 2017 користувачем jaffagold

[devlad]

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

[jaffagold]

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

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

<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">

Змінено 23 квітня 2017 користувачем jaffagold

[devlad]

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

[jaffagold]

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