Jump to content
Sign in to follow this  
dimastad

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

Recommended Posts

Добрый день

 

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

 

Спасибо

Share this post


Link to post
Share on other sites

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

 

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

 

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

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

 

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

 

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

 

v1y5jHK.png

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

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

 

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

 

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

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

 

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

 

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

 

 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

 

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

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

стоимость

 

 

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

 

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

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

Share this post


Link to post
Share on other sites

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

 

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

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

 

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

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

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

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

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

 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

9B5GHYx.png

Share this post


Link to post
Share on other sites

мда ))

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

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

 

WouqTlL.png

 

mgfBI72.png

 

hkGh9zo.png

 

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

 

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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 дешевле всей этой вёрстки).

Share this post


Link to post
Share on other sites

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

 

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

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

 

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

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

Share this post


Link to post
Share on other sites

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

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

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

 

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

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

 

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

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

 

http://joxi.ru/82Q45kNf69yVmd

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Similar Content

    • By Xameleon
      Приветствую!
       
      Нужна адаптация ряду модулей под темя techstore.
      Так же в перспективы другие доработки. Возможное сотрудничество на долгой основе. 
    • By Gann
      Приветствую!
       
      Прошу посильной помощи в адаптации модуля с 2.3 на 2.1.
       
      Вот часть кода, которую не могу адаптировать:
       
      <file path="admin/controller/startup/startup.php"> <operation info="Add Shortcodes to admin $registry"> <search><![CDATA[$this->registry->set('encryption']]></search> <add position="after"><![CDATA[ // OpenCart Shortcodes $this->registry->set('shortcodes', new Shortcodes($this->registry)); ]]></add> </operation> </file> <file path="catalog/controller/startup/startup.php"> <operation info="Add Shortcodes to front $registry"> <search><![CDATA[$this->registry->set('encryption']]></search> <add position="after"><![CDATA[ // OpenCart Shortcodes $this->registry->set('shortcodes', new Shortcodes($this->registry)); ]]></add> </operation> </file> <file path="catalog/controller/startup/maintenance.php"> <operation> <search><![CDATA[function index()]]></search> <add position="after"><![CDATA[ //========= OpenCart Shortcodes //=== Default shortcodes $this->load->helper('shortcodes_default'); $class = new ShortcodesDefault($this->registry); $scDefaults = get_class_methods($class); foreach ($scDefaults as $shortcode) { $this->shortcodes->add_shortcode($shortcode, $class); } //=== Extensions shortcodes : for extensions developer $files = glob(DIR_APPLICATION . '/view/shortcodes/*.php'); if ($files) { foreach ($files as $file) { require_once($file); $file = basename($file, ".php"); $extClass = 'Shortcodes' . preg_replace('/[^a-zA-Z0-9]/', '', $file); $class = new $extClass($this->registry); $scExtensions = get_class_methods($class); foreach ($scExtensions as $shortcode) { $this->shortcodes->add_shortcode($shortcode, $class); } } } //--------------- OLD theme OpenCart 2 compatible $theme = $this->config->get('config_theme'); if ($this->config->get('config_theme') == 'theme_default') { $theme = $this->config->get('theme_default_directory'); } //=== Themes shortcodes : for theme developer $file = DIR_TEMPLATE . $theme . '/shortcodes_theme.php'; if (file_exists($file)) { require_once($file); $class = new ShortcodesTheme($this->registry); $scThemes = get_class_methods($class); foreach ($scThemes as $shortcode) { $this->shortcodes->add_shortcode($shortcode, $class); } } $this->event->trigger('shortcodes/themes/after', array(&$data)); //=== Custom shortcodes : user power! $file = DIR_TEMPLATE . $theme . '/shortcodes_custom.php'; if (file_exists($file)) { require_once($file); $class = new ShortcodesCustom($this->registry); $scCustom = get_class_methods($class); foreach ($scCustom as $shortcode) { $this->shortcodes->add_shortcode($shortcode, $class); } } //========= End:: OpenCart Shortcodes ]]></add> </operation> </file> В 2.1 нет startup
    • By Anatoliy888
      Добрый день, коллеги!
      Прошу прощения за вероятно глупый вопрос, но перед тем как спрашивать неоднократно опробовал все возможные способы.
      Для справки - я очень начинающий пользователь opencart 3, уровень "почти 0"
      История: Купил на themforest премиум шаблон basel, в комплекте предлагалось несколько сменных дизайнов (тем). Шаблон установил, он работает.
      Не могу сменить тему default .... действовал строго по инструкции - результат "0"....
      Написал разработчику - он прислал ту же инструкцию - еще несколько раз сделал все по ней - результат "0"...
      Проверил, не удалил ли я случайно какую-то папку и все - ли установил - ничего не потерял, все установил....
      Прошу, подскажите что делать ???
      Заранее благодарен.
      С уважением,
    • By antipov
      Решил  поменять фотографию на сайте.После установки.Фотография вылезла за рамки.Не могу исправить Может знает кто в чем проблема.Кеш чистил.Фото тагого же размера что и предидущая.
      https://www.geona.site
    • By 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
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.