camo-mania
Программные разработки для CMS Simpla, расширяющие и изменяющие стандартный функционал системы.

Каталог товаров

Каталог статей

Адаптация под мониторы Retina
04.07.2016

Изображения товаров - Адаптация под мониторы Retina

Обычно для дисплее Retina требуется иной код для вывода товаров.
Обычно вместо стандартного
img width="200" height="200" src="{$product->image->filename|resize:200:200}"
применяется
img width="200" height="200" src="{$product->image->filename|resize:400:400}"
Разработка предназначена для модификации стандартного кода.

Работает так:
1. После загрузки страницы через JavaScript определяется, используется ли дисплей Retina.
2. Если да, то средствами JavaScript изменяется код страницы.
3. В шаблонах в нужных местах у разных блоков применяется class="isretina" и class="noretina" для указания специальных блоков.
4. Результат запоминается в куки и затем используется (в текущей сессии).
5. При загрузке первой страницы выводятся оба блока  class="isretina" и class="noretina", при последующих, когда тип дисплея определен и хранится в куки, выводится только один нужный блок.

Создавалось для версии 2.3.7.
Скорее всего, работает и на других версиях 2.х.

20 $   или   1,200 руб.
    
  • Отзывы (0)
  • Добавить отзыв

Отзывы:

© 2018 simpla-tuning.com