flamehowk

[Решено] Проблемы с загрузкой изображений товаров

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

flamehowk    0

Всех приветствую.
Боюсь, что найти ответ на свой вопрос на форуме не осилю, да и не факт, что он есть, потому вынужден его задать. Пишу сюда, так как не в состоянии определить куда его поместить, так что если что, пусть опытные админы перенесут куда следует.
Итак, Великие рыцари скрипта и кода, ежели кто знает эту жуткую тайну, просветите, будьте любезны, невежду по следующему вопросу:

В сборке ОКСтор установлен плагин jail в пакете с jquery. Штука призвана подгружать картинки по мере разворачивания странички, плюс делает это с приятными эффектами.
Собственно проблема в том, что перед тем, как появляется сама картинка товара (у меня фон везде белый) происходит кратковременное появление серого квадрата в качестве фона картинки, а потом он пропадает и уже пошел нужный эффект проявления картинки на странице. Так как у меня везде фон белый, этот серый квадрат просто выедает глаза.
Одна часть проблемы была решена путем вычисления прошитого в скрипте эффекта принудительного наложения фона через размножение серой точки, точка была заменена на белую и длительность эффекта серого квадрата уменьшилась, то бишь сама проблема состояла из двух частей - первая, это та, которую я так и не решил, а после нее еще накладывается принудительный фон из файла и тоже серый, и только потом идет эффект проявления картинки. Так вот, заменив серую точку на белую я устранил вторую часть негативного эффекта, но первая осталась.
Попытка поиграться с настройками плагина ни к чему не привела - меняется время засветки серого квадрата, и все что угодно, только не факт его появления. Стили здесь тоже однозначно не при чем, так как все что только можно было проверить было проверено. Углубляться дальше в джава-скрипт ради такой мелочи я попросту не могу - нет времени, а потому прошу помочь - кто знает что за чудо и где зарыто?
На всякий случай даю ссылку на страничку, чтобы можно было визуально ощутить данный эффект, кто не понял со слов о чем речь:
http://www.diatools.com.ua/index.php?route=product/category&path=18

 

ПС. Да, кстати, кэш браузера был многократно вычищен после каждой манипуляции и даже разок полностью вычищал кэш сайта (правда в ручную, может и не правильно), но как ни крутил, а похоже, что все-таки дело именно в скрипте, а моих знаний не хватает.

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


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

я конечно извиняюсь,

но на фоне дизайна сайта ваша проблема - вообще не проблема  :ugeek: 

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


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

по поводу "серого квадрата" - цвет пикселя в файле catalog/view/theme/default/image/grey.gif измените на белый

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


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

Я в теме поста четко описал, что сделал это в первую очередь - прочитайте внимательно.
А что с дизайном то не так? Вечно на этом форуме мои дизайны критикуют, а толком никто не может сказать что не так?

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


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

исходный код показывает

697fae0d8b144c958141b1e80784e7ce.png

 

не поленился, скачал гифку - угадайте, какого цвета в ней пискель?  :ugeek: 

 

а насчет дизайна..

дизайн в стиле "вырвиглаз" - слишком отвлекающий и не сочетающийся

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


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

А х ты ж японский городовой... вот что значит - "глаз замылился". Эта зараза грузила аж 2 пикселя с двух разных мест, в одном я его вычислил, переписал адрес, поменял файл и даже название файла поменял, чтобы потом было все понятно, и эффект стал вдвое меньше, дак оказалось что оно еще из одного места второй такой же подгружает, а я уже че-то и прозевал это... от жэж старый баран.

Ладно, тему можно считать решенной, все заработало после смены второго пикселя в указанном месте на нужный цвет, и, в принципе, можно было бы не заморачиваться...

 

Однако, остается вопрос - как же эта зараза работает, ведь в файле, который управляет данным эффектом прописано следующее:

effect: 'fadeIn', speed : 4000, placeholder : 'catalog/view/javascript/jquery/jail/white.gif'

почему, зачем и откуда идет управление вторым файлом? или там идут подряд два разных эффекта, которые накладывают разные скрипты и где эта штука зашита?

 

Алексу огромный реверанс за внимательность, с меня - могорыч.

По дизайну...

Из несочетающихся цветов там разве что кнопки, но я их решил под цвет мрамора на хедере, может и не лучший выбор, но лучше пока ниче не придумал, дефолтный голубой там вообще был не к месту... сам мрамор на хедер выбирался наоборот контрастным с основными цветами, чтобы не сливалось все в одно и из всех мраморов, которые у меня имелись прямо таки сам туда просился, другие выглядели как-то либо слишком блекло, либо слишком резали глаз. Основные цвета выбирались из дизайна логотипа, который разрабатывал не я, там золотой, серебряный (это так девчонки решили, хотели, чтобы выглядело побогаче - ими весь магазин выкрашен, на  главной есть фотография) ну и красный с бордовым. Контурные элементы ни золотым ни серебристым не сделаешь - нужен какой-то темный, выбора нет - бордовый. Оттенки светлее и темнее для выделения элементов. Красный довольно гармонично пошел в купе с бордовым для выделения активных элементов... ну на крайняк можно сделать немного темнее, что ли.

Все, дальше остался фон. Попробовал заливать таким как стенка магазина - вообще ерунда полная. Потом попробовал чисто золотистыми и серебристыми узорами - мало того, что тему не отражает, дак еще и выглядит будто это элитное казино или магазин гардин для самых богатых - отверг. Ну потом остановился на том что есть, и дабы не лезло в глаза хорошенько все размыл и сделал немного разные по тону - чуть темнее и чуть светлее, чтобы слегка подчеркнуть разные блоки.
Ну, собственно и все... А золотой сухорез в хедере - ну это визуализация официального логотипа, и вроде как и смотрится неплохо... даже не знаю.

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


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

Ураааа... нашел.
Если кому будет нужно - держите.

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

 

Смотрим файл: category.tpl

адрес: catalog/view/theme/default/template/product

 

буквально уже на второй страничке строка:

 <img class="imagejail" src="catalog/view/theme/default/image/gray.gif" width="<?php echo $product['thumbwidth']; ?>" height="<?php echo $product['thumbheight']; ?>" data-src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" />
 
Все, тема решена.
Всем спасибо за внимание.
А по дизайну еще можно поговорить, если кто что толковое посоветует...

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


Ссылка на сообщение
Поделиться на другие сайты
Гость
Эта тема закрыта для публикации ответов.

  • Похожий контент

    • От colaweb

      3 000.00 руб
      Скачать/Купить дополнение


      Анимация для вашего магазина или сайта
      Сделаю анимацию для вашего магазина или сайта.
      Большой опыт работы.
       
      Примеры
      Анимация главной страницы
      «Эффект полета» картинки в корзину при клике на кнопку "купить"
       
      Мой портфолио на форуме
      https://opencartforum.com/profile/12157-colaweb/content/?type=downloads_file
      Добавил colaweb Добавлено 19.02.2018 Категория Услуги  
    • От colaweb
      Сделаю анимацию для вашего магазина или сайта.
      Большой опыт работы.
       
      Примеры
      Анимация главной страницы
      «Эффект полета» картинки в корзину при клике на кнопку "купить"
       
      Мой портфолио на форуме
      https://opencartforum.com/profile/12157-colaweb/content/?type=downloads_file
    • От Dragon
      jQuery async load
      Скачать/Купить дополнение Модуль позволяет переместить javascript-скрипты из шапки в подвал сайта и подгружать их асинхронно, тем самым ускорить отрисовку страницы, увеличить баллы в Google Pagespeed и повысить ранжирование в поисковой выдаче.

      Важно: модуль распространяется по принципу – одна лицензия на один домен.
       
      С его помощью можно добиться 100/100 баллов в Google PageSpeed Insights
      Демо: https://matuvi.com/oc2/async/


       
      Внимание. На демо помимо самого модуля оптимизированы изображения и включен кэш (не входит в модуль). 

      Протестировано на версиях OpenCart/ocStore 2.0.1.1, 2.1.0.2 и 2.3.0.2.3 на стандартных шаблонах со стандартным набором модулей.
      Автор модуля не гарантирует стабильную работу со сторонними плагинами и шаблонами.

      Теоретически модуль будет работать и на других версиях и сборках (пока кроме 3+).
      Если самостоятельно модуль установить не удалось: пишите в тему поддержки - поможем настроить.
      Добавил Dragon Добавлено 22.01.2018 Категория Кэширование, сжатие, ускорение Системные требования Сайт разработчика https://matuvi.com/ Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось  
    • От OlgaShu
      Всем доброго времени суток!
       
      Добавляю производителя, нажимаю на картинку, что естественно, чтобы загрузить ее - вылетает система. Точнее: неправильная токен-сессия, и выбивает. Что делать в этом случае? Причем: в пользователей (администраторов) заходила, все права давала. Заходила в лог ошибок в системе - ничего не отразилось в ошибках.
       
      Про картинку: сохранила ее банально и просто под номером 1. То есть, тут не может быть ошибки из-за написания латиницей или кириллицей.
    • От Dragon
      Модуль позволяет переместить javascript-скрипты из шапки в подвал сайта и подгружать их асинхронно, тем самым ускорить отрисовку страницы, увеличить баллы в Google Pagespeed и повысить ранжирование в поисковой выдаче.

      Важно: модуль распространяется по принципу – одна лицензия на один домен.
       
      С его помощью можно добиться 100/100 баллов в Google PageSpeed Insights
      Демо: https://matuvi.com/oc2/async/


       
      Внимание. На демо помимо самого модуля оптимизированы изображения и включен кэш (не входит в модуль). 

      Протестировано на версиях OpenCart/ocStore 2.0.1.1, 2.1.0.2 и 2.3.0.2.3 на стандартных шаблонах со стандартным набором модулей.
      Автор модуля не гарантирует стабильную работу со сторонними плагинами и шаблонами.

      Теоретически модуль будет работать и на других версиях и сборках (пока кроме 3+).
      Если самостоятельно модуль установить не удалось: пишите в тему поддержки - поможем настроить.
  • Последние посетители   0 пользователей онлайн

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