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

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

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

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

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

 

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

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


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

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

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

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


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

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

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


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

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

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


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

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

697fae0d8b144c958141b1e80784e7ce.png

 

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

 

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

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

  • +1 1

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


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

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

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

 

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

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

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

 

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

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

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

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

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


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

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

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

 

Смотрим файл: 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']; ?>" />
 
Все, тема решена.
Всем спасибо за внимание.
А по дизайну еще можно поговорить, если кто что толковое посоветует...

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


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

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

    • От Aky
      Как передать POST параметр через ajax в файл controller модуля OpenCart ?
       
      Есть модуль "latest"  Файл контроллера latest.php, нужно передать туда параметр width через Ajax/Jquery  
       
      Как обратится к этому файлу? 
       
      Как работать с Ajax знаю, как параметры передать знаю, как принять знаю, но как обратится к нужному файлу в OpenCart?
       
      При попытках обращения по "url:' скрипт выдает ошибку  "404 (not found)"
       
      Пробовал вот так:
      url: 'index.php?route=extension/module/latest',  url: 'index.php?route=module/latest',  url: '/catalog/controller/extension/module/latest',   
      Если перейти на прямую по ссылки: "/catalog/controller/extension/module/latest.php"  выдает ошибку HTTP ERROR 500
    • От Techno1og
      Обнаружили на страницах сайта множество ссылок дублирующих друг друга, эти ссылки располагаются в разных блоках, виджетах и разделах сайта.
       
      Например в  блоке с новостями: ссылка дублируется аж 3 раза: ссылка на статью, ссылка с изображения, ссылка на кнопке подробнее. Есть дублирующие ссылки в главном слайдере, дубли в миниатюрах каждого слайда, Дубли в кнопках вида «далее», «подробнее» - даже во внутренних ссылках нельзя использовать не точные анкоры, анкор должен соответствовать теме URL , поэтому такие кнопки лучше завернуть в JS.   Категории товаров.  Принято считать, что сквозные элементы сайта, в частности меню, поисковиками не учитываются, либо учитываются очень слабо, т.к. присутствуют на каждой странице. Тем не менее имеют место быть различные варианты. Возьмем для примера 4 крупных интернет-магазина:  www.mvideo.ru, www.eldorado.ru и www.dns-shop.ru, www.tehnosila.ru. На сайте М.Видео абсолютно всё меню навигации с категориями и подкатегориями закрыто в тег noindex. Аналогичная картина на сайте Эльдорадо. Закрывать меню в noindex имеет смысл только чтобы не учитывать его текстовую составляющую, чтобы меню не попадало в сниппет на поисковой выдаче, чтобы не мешало определению релевантной страницы. Если запустит Краулер и посмотреть как он определить релевантные страницы, то можно увидеть что некоторые стр. определяются не верно. Так же есть повторяющиеся ссылки в Footer , микроразметке, и т.д, и прочих элементах...  
      судя по отчету ScreaminFrog - google видит все  внутренние ссылки, воспринимает, и распределяет вес с учетом всех внутренних факторов. Ссылки нужно закрыть, но по умолчанию такого решения в Opencart не предлагается, поэтому ищем альтернативные способы, изучаем правила закрытия ссылок:
       
      Внутренние ссылки не должны содержать атрибута rel=”nofollow”. В противном случае вес со страницы будет утекать, то есть будет попросту испаряться. Атрибут rel=”nofollow” необходимо использовать в редких случаях случаях, когда ссылка ведет на неиндексируемую страницу. Ссылки всегда должны вести на индексируемые страницы сайта, иначе будет повторяться история, описанная в пункте №1 выше. Даже при формировании внутренних ссылок при перелинковке следует использовать уникальные анкоры. Внутренние ссылки всегда должны быть прямыми и идти строго на целевые страницы. Это значит, что переход по ссылке должен отдавать ответ 200 OK. Я не говорю о том, что битые ссылки недопустимы, это очевидно, а я говорю о том, что ссылки должны идти без промежуточных 301-редиректов (а если там еще и не 301, а 302-редирект, то совсем беда). Не редко, когда меняют структуру, либо по вине верстальщика  
      отследить на глаз многие мелочи трудно, и чтобы потом не удивляться - советую использовать краулер. (XENU или родной Screaming Frog)
       
      Нашел следующие методы закрытия внешних и внутренних ссылок на jQuery AJAX:
      (взяты со стороннего ресурса; там где проводили эксперимент пишут, что все способы  рабочие)
       
      Вариант №1 —
      <a href="#" class="link" data-link="http://goo.gl">ссылка</a> Скрипт, который будет обрабатывать ссылку и открывать ее:
      <script>$('a.link').click(function(){window.open($(this).data("link"));return false;});</script> В этом варианте вам не надо будет производить никаких дополнительных доработок стилей в css, наша ссылка будет выглядеть как и все остальные «нормальные» ссылки.
      Вариант №2 —
      Код ссылки на странице:
      <a href="#" class="link" rel="http://goo.gl">ссылка</a> Скрипт, который будет обрабатывать ссылку и открывать ее:
      <script>$('a.link').click(function(){window.open($(this).attr("rel"));return false;});</script> Вариант №3 —
      Код ссылки на странице:
      <span class="hidden-link" data-link="http://goo.gl">ссылка</span> Скрипт, который будет обрабатывать ссылку и открывать ее:
      <script>$('.hidden-link').click(function(){window.open($(this).data('link'));return false;});</script> как пишет автор данный вариант100% не вызовет никаких подозрений у поисковика, так как даже структурно в коде нет ссылки, а просто кусок текста (он же анкор) выделен спаном <span>, что довольно часто используется при разметке документов.
      Однако и отображаться такая «ссылка» будет как обычный текст на странице. Придется пошаманить с css, чтобы имитировать ссылку. Например, добавить в свой css:
      span.hidden-link { color: #00ff00; /*-цвет ссылки-*/ text-decoration: underline; /*-подчеркивание-*/ cursor: pointer; /*-указатель в виде пальца-*/ } Вариант №4 — Еще один вариант скрытия ссылки
      <span class="hidden-link" data-link="http://goo.gl">ссылка</span> Скрипт, который будет обрабатывать ссылку и открывать ее:
      <script>$('.hidden-link').replaceWith(function(){return'<a href="'+$(this).data('link')+'">'+$(this).text()+'</a>';})</script> Отличие этого способа от предыдущего в том, что js-скрипт меняет на странице html-код «якобы» ссылки на нормальную ссылку после полной загрузки документа. Поэтому никаких правок в css вносить не придется, а ссылка будет открываться как и обычная.
      Способ так же прошел проверку экспериментом — ссылка не индексируется и не видится поисковыми роботами и, соответстенно, не учитывается.
       
      Вариант №5 — Универсальный вариант скрытия любого контента, например, картинок
      ..... Предыдущий вариант не работает в том случае, если в анкоре ссылки стоит картинка. А такие варианты довольно часто встречаются: счётчики, информеры, партнёрские баннеры. Поэтому предлагаю использовать вместо метода .text () метод .html (), он будет более универсальным.
      Код элемента, в данном случае ссылки, на странице, будет такой:
      <span class="hidden-link" data-link="http://goo.gl">внешняя ссылка</span> * — Чтобы закрыть картинку, в коде, указанном выше, необходимо заменить «внешняя ссылка» на код <img src="...">.
      Скрипт, который будет обрабатывать ссылку или любой другой элемент:
      <script>$('.hidden-link').replaceWith(function(){return'<a href="'+$(this).data('link')+'">'+$(this).html()+'</a>';})</script> Как вы понимаете, отличие данного способа от всех других в том, что в скрипт можно «спрятать» не только ссылку, но и картинку со ссылкой или еще что-нибудь. Все проверено — все работает
       
      6.  Вариант №6 —  как пишут в коментариях самый лучший.
      $('.hidden-link').replaceWith (function (){return'<a href="'+$(this).data ('link')+'" title="'+$(this).text ()+'">'+$(this).html ()+'</a>';})  
      Интересно кто какие варианты использует и на что нужно обратить внимание еще.
       
       
    • От HasikBoy
      500.00 руб · Срок продления: 500.00 руб за день
      Скачать/Купить дополнение


      Парсинг, наполнение, обновление, автоматизация для вашего интернет магазина
      Предоставляю услуги по автоматизации наполнения ресурсов,
      определенным контентом, а так же его обработка или генерация.
      Решение различных проблем
      РОБОТИЗАЦИЯ
      Мониторинг конкурентов Парсинг различных сайтов (интернет-магазинов, социальных сетей, площадок объявлений) с выводом данных в таблицу Excel (формата XLS* или CSV), а также скачивание файлов Парсинг во всевозможные CMS При парсинге товаров интернет-магазина Сбор требуемой информации для SEO-специалистов Загрузка HTML-таблиц в необходимом формате Выполнение операций с файлами на диске Вычисление математических и логических конструкций как во время парсинга, так и после Определение позиции сайта в выдаче Google по ключевым запросам       Средняя цена услуги той что мне приходилось уже исполнять.
       
      ТИП   ЦЕНА ОТ В РУБ. АВТОНАПОЛНЕНИЕ САЙТА   14000 АВТОГЕНЕРАЦИЯ КОНТЕНТА   500 АВТОГЕНЕРАЦИЯ КОММЕНТАРИЕВ   500 ОБНОВЛЕНИЕ АССОРТИМЕНТА   1000 ОБНОВЛЕНИЕ ЦЕН   1000 ОБРАБОТКА ПРЕЙСКУРАНТОВ   1500 ОБРАБОТКА ПОЧТОВЫХ ЗАЯВОК   3000 ОБРАБОТКА ЗАЯВОК В СОЦ. СЕТЯХ   2500 МОНИТОРИНГ САЙТОВ ПОСТАВЩИКОВ   1000 МОНИТОРИНГ ЦЕН КОНКУРЕНТОВ   2700 УВЕДОМЛ. НА ПОЧТУ/ПО СМС/В СОЦ. СЕТИ   2000 ФИЛЬТРАЦИЯ ИНФ. ПО РАЗЛ. ПАРАМЕТРАМ   3000 ПАРСИНГ ПРОФИЛЕЙ В СОЦ. СЕТЯХ   2500 РЕГИСТРАЦИЯ ПРОФИЛЕЙ В СОЦ. СЕТЯХ   2500 ПЕРЕНОС СОДЕРЖ. С ОДНОГО САЙТА НА ДР.   2500 ПУБЛИКАЦИЯ/УДАЛЕНИЕ МАТЕРИАЛОВ   1500 ИЗВЛ. ИНФ. С САЙТА-ДОНОРА   500  
         
      Портфолио  МОИ РАБОТЫ  
      ЧПУ для CMS OcStore
      СКРИПТ ПАРСИНГА JSON В БД VIRTUEMART
       
      ПАРСИНГ ЗАПАСНЫЕ ЧАСТИ НА МИНИТРАКТОР И МОТОБЛОК
      CMS OcStore
      НАПОЛНЕНИЕ ИНТЕРНЕТ МАГАЗИНА OCSTORE ТОВАРАМИ КОНКУРЕНТА
      Наполнение OcStore
      ПАРСИНГ КАТАЛОГА ТУРФИРМ
       
      ПАРСИНГ ТОВАРОВ С САЙТА КОМПАНИИ КОНКУРЕНТА С ПЕРЕНОСОМ КАТАЛОГА, ВКЛЮЧАЯ ИЕРАРХИЮ, НА НАШ САЙТ
      Наполнение 1C-Bitrix
      ПАРСИНГ САЙТОВ В ТАБЛИЦУ ЭКСЕЛЬ С ДАННЫМИ ТУРФИРМ Г. МОСКВА
       
      ПРИЛОЖЕНИЕ ФОТО КАТАЛИЗАТОР ДЛЯ WINDOWS 10
       

        КОРРЕКТНАЯ НАСТРОЙКА БАЗОВЫХ РЕДИРЕКТОВ ПО ПЕРЕХОДУ НА HTTPS
       
      СБОР ДАННЫХ О РЕСТОРАНАХ В НИДЕРЛАНДАХ
       
      СПАРСИТЬ CАМОГОННЫЕ АППАРАТЫ И НАПОЛНИТЬ ИМИ САЙТ НА OPENCART
      Наполнение сайта добрыня
      CПАРСИТЬ ВСЕ ТОВАРЫ С САЙТА ZAMKI-MIRA НА САЙТ 1C-BITRIX
       

        ПАРСИНГ ТОВАРОВ МАГАЗИНА URL(СКРЫТО) С ГЕНЕРАЦИЕЙ УНИКАЛЬНОГО ОПИСАНИЯ И ПОИСКОМ КАРТИНОК
       

        КАЧЕСТВЕННЫЙ ПАРСИНГ БАЗЫ РЕЗЮМЕ И ВАКАНСИЙ SPB.HH.RU
       

        АВТОМАТИЧЕСКОЕ ФОРМИРОВАНИЕ БАЗЫ ДАННЫХ В ТАБЛИЦЕ EXEL НА ОСНОВАНИИ ОБРАБОТКИ ИНТЕРНЕТ-РЕСУРСОВ
       

        ИЗМЕНЕНИЯ XLS И ЕГО ИМПОРТ В ИНТЕРНЕТ-МАГАЗИН НА БАЗЕ CMS OPENCART
       

        ПАРСИНГ ТОВАРОВ С Я.МАРКЕТА
       

        ПАРСИНГ ФОТО ИЗ АЛЬБОМОВ ГРУППЫ FACEBOOK
       

        АВТОНАПОЛНЕНИЕ «АГЕНТСТВО НЕДВИЖИМОСТИ.» 1C-BITRIX
      ИЗМЕНЕНИЯ XLS И ЕГО ИМПОРТ В ИНТЕРНЕТ-МАГАЗИН НА БАЗЕ CMS OPENCART
        Добавил HasikBoy Добавлено 16.03.2018 Категория Услуги  
    • От speecher
      Добрый день, прошу о точечной подсказке.
       
      Перевел сайт на хттпс: отредактировал файлы конфиг, сделал редирект, включил в настройках самого магазина.
      Сначала все было ок, позже вылезла проблема: часть изображение открываются по ссылкам HTTP, из-за этого пишет, что соединение не защищено.
       
      В консольке разработчиков везде одни и те же 8 фото - всякие спрайты для кнопок поиска и т.д. Если правильно понял, запрос на них дает вот этот скрипт: catalog/view/javascript/jquery/jquery-1.7.1.min.js
       
      Открывал его, добавил в двух местах к хттп букву "с", но без толку.
      Вопрос, как заставить это недоразумение запрашивать картинки по защищеному соединению ?
    • От OlegTitarenko
      Скачать/Купить дополнение


      Красивое верхнее меню с Картинками VqMod
      Обновленная версия (Сори за баги и не понятку)
      теперь скрипт работает на vqmod
      У кого нету vqmod вот ссылка
      Имеет ограниченные свойства до 7 ссылок
      Демонстрация
      Тестировалось на v.1.5.3.1
      Добавил OlegTitarenko Добавлено 10.01.2013 Категория Прочее  
  • Последние посетители   0 пользователей онлайн

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

×

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

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