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

Адаптация сайта для мобильных устройств

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

Добрый день

 

Необходима адаптация сайта "coolstuff.com.ua" для мобильных устройств

 

Спасибо

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


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

По большому счету это равнозначно построению магазина с нуля.

 

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

 

Т. е. по хорошему работа большая и кропотливая.

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

 

Я не знаю к какой категории заказчиков принадлежите Вы.

 

Если есть бюджет, то можно от него отталкиваться.

 

v1y5jHK.png

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


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

Стоимость вашей работы какая ?

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


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

Стоимость вашей работы какая ?

 

если вы меня спрашиваете, то сходу я не смогу ответить, т. к. не знаю функционала.

Ваша задача расписать функционал и составить перечень существующих модулей.

 

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

 

например, сейчас проверил ваш сайт на iPad.

в верхнем меню выбираю "музыкальное оборудование", затем "дым машины". пункт выделяется, но перехода не наблюдается, так и висит открытое меню.  Срабатывает с энного раза.  другие пункты в этом меню работают и с первого раза.  непорядок.

 

Если делать адаптивный дизайн, то как правило, делается адаптация под 4 разных разрешения, т. е. делается 4 разных дизайна/функционала.

 

Стоимость работ высокая.  порядок $1000.  это весьма приблизительно.

 

 

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


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

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

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


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

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

 

 

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

Это если вам нужен адаптивный дизайн. Вам именно он нужен?

 

Если вам нужно что-то другое, то вы уточните.

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


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

если адаптивный дизайн - это корректное отображение сайта на разных устройствах - то да

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


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

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

Думаю вам нужно просто, чтобы сайт на всех устройствах отображался корректно?

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


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

Думаю вам нужно просто, чтобы сайт на всех устройствах отображался корректно? - да

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


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

стоимость

 

 

Думаю вам нужно просто, чтобы сайт на всех устройствах отображался корректно?

 

если заказчик укажет, что именно некорректно отображается по его мнению на разных устройствах - это другое дело.

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

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


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

Думаю вам нужно просто, чтобы сайт на всех устройствах отображался корректно? - да

 

объясните, что это значит для смартфона?

сейчас чем не устраивает?

 

Думаю вам нужно просто, чтобы сайт на всех устройствах отображался корректно?

Уважаемый krumax, а вы это сможете объяснить применительно к конкретному сайту?

Что делать на смартфонах, где ширина вьюпорта 320 пикселов?

если не использовать адаптивный дизайн, то пользоваться зумом? или есть третий план у вас?

очень любопытно как можно выйти из такой ситуации.

 

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


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

Сделать аудит и тестирование сайта на разных устройствах и исправить ошибки 

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


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

Сделать аудит и тестирование сайта на разных устройствах и исправить ошибки

Вот вам скрин, как выглядит ваш сайт на 5 дюймовом дисплее смартфона.

Какие вы видите ошибки?

Я вообще ничего не вижу, т. к. все очень мелко.

и? что делать то?

9B5GHYx.png

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


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

мда ))

на 7 дюймовом планшете тоже все мелковато.

Да и еще справа не все помещается, часть отрезано и осталось за кадром вообще.

 

WouqTlL.png

 

mgfBI72.png

 

hkGh9zo.png

 

Как тут обойтись без адаптивного дизайна - я не знаю, но возможно, что krumax знает вариант как обойтись без адапт. верстки, т. е. малой кровью.

 

Если бюджета нет для адаптивного дизайна и верстки, то не знаю, что подсказать.

Функционал front-end-а тоже при адаптивном дизайне нужно серьезно дорабатывать.

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


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

да, это один из глюков 

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


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

Этот сайт делался с оглядкой на один крупный украинский интернет-магазин...

Там мобильная версия отдаётся на поддомене m.rozet...

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

Нужно делать отдельно мобильную версию. Имхо...

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


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

Сделать аудит и тестирование сайта на разных устройствах и исправить ошибки

Я вам показал лишь крошечную часть проблемы, сделав тест на 3-х разных планшетах/смартфонах.

Отрезанная правая часть показывается после того как пользователь догадается сделать жест Zoom (на уменьшение страницы), но изначально сайт грузится с отрезанной правой частью.

В общем как то можно на планшете пользоваться сайтом если постоянно прибегать к Zoom-у, но долго пользователь не продержится в таком режиме - это издевательство над ним.

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


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

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

Нужно делать отдельно мобильную версию. Имхо...

Сверстать то заново можно, было бы желание и бюджет...

Как вариант можно и отдельно мобильную версию. но это все равно делать другой (мобильный) магазин заново, т. е. с нуля.

да и мобильная версия - это какой то привет из многолетнего далека, почти никто так уже и не делает - этот вариант ушел в прошлое, т. к. пришла на смену прогрессивная технология,я имею ввиду адаптивную верстку/дизайн.

Но как некий компромисс (полумера) универсальная мобильная версия для всех устройств - тоже вариант. Но для меня сомнительный вариант... но это чисто мое мнение.

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


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

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

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


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

Купите себе готовый шаблон похожий.Да хоть вот как пример

 

https://opencartforum.com/files/file/2215-univer-%D0%B0%D0%B4%D0%B0%D0%BF%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D0%B9-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-%D0%B4%D0%BB%D1%8F-ocstore/

 

будет и дёшево и сердито(однозначно раз в 20 дешевле всей этой вёрстки).

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


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

По личному опыту!

1)делать адаптацию вам никто не будет (1и разговоры)или ценник будет космос

2) если после адаптации вы захотите что- то добавить,мало кто возьмется потому как это е..ань с плясками и стоить буде дороже чем на обычной верстке

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

И не всем адаптивная удобна верстка. Посмотрите для начала с каких разрешений у вас на сайте сидят клиенты. Сидеть в ИМ с 5 экраном это изврат, а обычная верстка для 9 норм)

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


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

Занимаюсь мобильными версиями.

Вот работа готового бесплатного модуля - http://oblakosumok.ru (смотреть с телефона)

У этого модуля есть весьма приличные платные расширения.

 

По адаптивной верстке все не так однозначно. Ранее считалось, что адаптивная верстка имеет низкую конверсию по сравнению с раздельными десктопной и мобильной версией.

Большинство брендовых сайтов имеют раздельные версии. Но недавно mvideo.ru перешел на адаптив, имея ранее отдельную мобильную версию.

 

Готовый адаптивный шаблон с модулем переключения готов установить и допилить за 200$

Индивидуальный шаблон для opencart будет стоить от 700$

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


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

Занимаюсь мобильными версиями.

Вот работа готового бесплатного модуля - http://oblakosumok.ru (смотреть с телефона)

У этого модуля есть весьма приличные платные расширения.

 

По адаптивной верстке все не так однозначно. Ранее считалось, что адаптивная верстка имеет низкую конверсию по сравнению с раздельными десктопной и мобильной версией.

Большинство брендовых сайтов имеют раздельные версии. Но недавно mvideo.ru перешел на адаптив, имея ранее отдельную мобильную версию.

 

Готовый адаптивный шаблон с модулем переключения готов установить и допилить за 200$

Индивидуальный шаблон для opencart будет стоить от 700$

 

http://joxi.ru/82Q45kNf69yVmd

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


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

Готовый адаптивный шаблон с модулем переключения готов установить и допилить за 200$

"готовый адаптивный шаблон" сам "переключится" при другом разрешении экрана/размерах окна.

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


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

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

    • От Anatoliy888
      Добрый день, коллеги!
      Прошу прощения за вероятно глупый вопрос, но перед тем как спрашивать неоднократно опробовал все возможные способы.
      Для справки - я очень начинающий пользователь opencart 3, уровень "почти 0"
      История: Купил на themforest премиум шаблон basel, в комплекте предлагалось несколько сменных дизайнов (тем). Шаблон установил, он работает.
      Не могу сменить тему default .... действовал строго по инструкции - результат "0"....
      Написал разработчику - он прислал ту же инструкцию - еще несколько раз сделал все по ней - результат "0"...
      Проверил, не удалил ли я случайно какую-то папку и все - ли установил - ничего не потерял, все установил....
      Прошу, подскажите что делать ???
      Заранее благодарен.
      С уважением,
    • От antipov
      Решил  поменять фотографию на сайте.После установки.Фотография вылезла за рамки.Не могу исправить Может знает кто в чем проблема.Кеш чистил.Фото тагого же размера что и предидущая.
      https://www.geona.site
    • От Sheedy
      Есть страничка на сайте, называется прайс, туда загрузил через category табличку с ценами. Но ни могу найти где можно редактировать html, чтобы адаптировать через бустрпа сетку? 
       
      Injection  Hilma Biocare
      Retail price
      > 1000 $ Bulk price
      > 3000 $ Partner price
      Boldenone Undecylenate (Equipoise) (250 mg/ml)
      $67
      $22
      $20
      Drostanalone Enanthate (Masterone) (200 mg/ml)
      $100
      $33
      $30
      Drostanalone Propionate (Masterone) (100 mg/ml)
      $74
      $25
      $22
      Methenolone Enanthate (100 mg/ml)
      $104
      $35
      $31
      Nandrolone Decanoate (Deca) (250 mg/ml)
      $71
      $24
      $21
      Nandrolone Phenylpropionate (NPP) (100 mg/ml)
      $56
      $19
      $17
      Parabolan (Trenbolone hexahydrobenzylcarbonate) (75 mg/ml)
      $112
      $37
      $33
      Sustanon (250 mg/ml)
      $56
      $19
      $17
      Testosterone (Cypionate) (250 mg/ml)
      $52
      $17
      $16
      Testosterone Enanthate (250 mg/ml)
      $52
      $17
      $16
      Testosterone Propionate (100 mg/ml)
      $45
      $15
      $13
      Trenbolone Acetate (100 mg/ml)
      $78
      $26
      $23
      Trenbolone Enanthate (200 mg/ml)
      $100
      $33
      $30
      Trenbolone Mix (150 mg/ml)
      $104
      $35
      $31
      Oral (tablets) Hilma Biocare
       
       
       
      Clomiphene citrate (Clomid) (50 mg/50 tabs - pack)
      $52
      $17
      $16
      Mesterolone (Proviron) (25 mg/50 tabs - pack)
      $56
      $19
      $17
      Methandienone (Dianobol) (10 mg/100 tabs - pack)
      $37
      $12
      $11
      Oxandrolone (Anavar) (10 mg/100 tabs - pack)
      $82
      $27
      $25
      Oxymetholone (Anapolon) (50 mg/100 tabs - pack)
      $89
      $30
      $27
      Stanozolol (Winstrol) (10 mg/100 tabs - pack)
      $52
      $17
      $16
      Tamoxifen Citrate (Nolvadex) (20 mg/50 tabs - pack)
      $45
      $15
      $13
      Turinabol (10 mg/100 tabs - pack)
      $67
      $22
      $20
      Clenbuterol (40 mcg/50 tabs - pack)
      $26
      $9
      $8
      Anastrozole (1 mg/50 tabs - pack)
      $48
      $16
      $15
      T3 (100 tabs) (50 tabs)
      $30
      $10
      $9
      Peptides&HGH  Hilma Biocare
       
       
       
      Melanotan 2 10mg/vial
      $45
      $15
      $13
      HGH somatropin/POWDER 100 IU
      $558
      $186
      $167
      HGH somatropin/LIQUID 100 IU
      $632
      $211
      $190
    • От Andrey6666
      Здравствуйте, интересует адаптация модулей: Комплекты серий товаров - наборы товара 3.2 и Автоматическая обработка прайс-листов. v.8.9.4. Шаблон - TechStore
    • От JJaki
      Подскажите как переделать модуль с 2.х на 3.х версию ? желательно подробная инструкция, если у кого есть
  • Последние посетители   0 пользователей онлайн

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

×

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

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