Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


 Поделиться

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

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

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


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

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


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

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


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
Ссылка на комментарий
Поделиться на других сайтах


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
Ссылка на комментарий
Поделиться на других сайтах


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

Если вы нашли в файлах 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
Ссылка на комментарий
Поделиться на других сайтах


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

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

<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
Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

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

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