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

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

Подскажите, как сделать чтоб и с телефона, и с планшета, и с компа, открывалась основная версия сайта? в связи с тем что прогеры , сделали не моб версию, а херню, временно надо чтоб открывалась полная версия сайта. 
kraus.com.ua

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


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

Сложный вопрос.:
Сделайте бэкап файла стилей .css

 

И закомментируйте стили такой код:


@media (min-width: 1200px) {                                        - закомментировать
для компов                                                                     - код оставить и тот который не заключается в подобные скобки.
}                                                                                        - закомментировать
@media (min-width: 992px) and (max-width: 1199px) {  - закомментировать
для нэтбуков                                                                   - закомментировать
}                                                                                        - закомментировать
@media (min-width: 768px) and (max-width: 991px) {   - закомментировать
для планшет                                                                   - закомментировать
}                                                                                      - закомментировать 

@media (min-width: 768px) {                                          - закомментировать
код для мобил                                                                - закомментировать
}                                                                                       - закомментировать 

 

Лучше доделайте стили, чем лишнюю работу делать.

Изменено пользователем buslikdrev
  • +1 1

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


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

э... так прогерам религия не позволяет сделать? Гнать их в шею

  • +1 1

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


Ссылка на сообщение
Поделиться на другие сайты
20 минут назад, buslikdrev сказал:

Сложный вопрос.:
Сделайте бэкап файла стилей .css

 

И закомментируйте стили такой код:


@media (min-width: 1200px) {                                        - закомментировать
для компов                                                                     - код оставить и тот который не заключается в подобные скобки.
}                                                                                        - закомментировать
@media (min-width: 992px) and (max-width: 1199px) {  - закомментировать
для нэтбуков                                                                   - закомментировать
}                                                                                        - закомментировать
@media (min-width: 768px) and (max-width: 991px) {   - закомментировать
для планшет                                                                   - закомментировать
}                                                                                      - закомментировать 

@media (min-width: 768px) {                                          - закомментировать
код для мобил                                                                - закомментировать
}                                                                                       - закомментировать 

 

Лучше доделайте стили, чем лишнюю работу делать.

И ломаем всю сетку. Учите мат часть http://getbootstrap.com/css/#grid

  • +1 2

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


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

Кто то может это сделать, за небольшое вознагрождение? 

style.css

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


Ссылка на сообщение
Поделиться на другие сайты
1 минуту назад, malor1k сказал:

Кто то может это сделать, за небольшое вознагрождение? 

style.css

Видимо ArtemPitov

  • +1 1

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


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

catalog/view/theme/default/template/common/header.tpl

удалите 

<meta name="viewport" content="width=device-width, initial-scale=1">

 

  • +1 3

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


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

Удалил, супер. Все как я и хотел. 
НО: 2 косяка.
Шапка не изменилась, и 2 блока пропало.   ниче не пропало. Просто чуть по индейски смотрится. 

photo_2017-07-09_19-10-48 (2).jpg

photo_2017-07-09_19-10-48.jpg

Изменено пользователем malor1k

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


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

Подскажите, как лучше в моем случае поступить? или нанять кодера который сделай нормальную версию мобильную, или купить шаблон для мобильных , и делать редирект с моб на m версию сайта? 

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


Ссылка на сообщение
Поделиться на другие сайты
8 минут назад, malor1k сказал:

Подскажите, как лучше в моем случае поступить? или нанять кодера который сделай нормальную версию мобильную, или купить шаблон для мобильных , и делать редирект с моб на m версию сайта? 

Или приложение для сайта.

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


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

Как по мне, вполне норм мобильная версия. Может, стоит подправить отображение фильтра на экранах менее 1000

Скрытый текст

@media screen and (max-width: 1000px){

#catalog .page-container .catalog-filter {

  width: 100%;

}

}

 

Изменено пользователем jaffagold

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


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, malor1k сказал:

Подскажите, как лучше в моем случае поступить? или нанять кодера который сделай нормальную версию мобильную, или купить шаблон для мобильных , и делать редирект с моб на m версию сайта? 

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

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


Ссылка на сообщение
Поделиться на другие сайты
9 минут назад, Tom сказал:

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

Чуть не понял. Есть пример такого шаблона?

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


Ссылка на сообщение
Поделиться на другие сайты
47 минут назад, jaffagold сказал:

Как по мне, вполне норм мобильная версия. Может, стоит подправить отображение фильтра на экранах менее 1000

  Скрыть контент

@media screen and (max-width: 1000px)

#catalog .page-container .catalog-filter {

  width: 100%;

}

 

Скрытый текст

 

У меня это вот так выглядит примерно )

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


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

@media screen and (max-width: 1000px){

  .gn-trigger.opened .gn-menu-wrapper {

    width: 100%;

    overflow: visible;

    height: 240px;

    margin-left: 60px;

    background: transparent;

  }

  .gn-menu-wrapper .gn-scroller {

    width: 100%;

  }

  /*убрать пустоту над названием категории, надо проверить на других страницах*/

  #catalog {

    margin-top: 0;

  }

  /*шрифт в верхнем меню, гугл будет ругаться на 12px и видно плохо*/

  .gn-menu-main .mob-menus a {

    font-size: 16px;

  }

 /*номер телефона*/

  .gn-menu-main .header-info a {

    font-size: 16px;

  }

/*корзинка, отдельно, т.к. возможно захочется разные шрифты для разных элементов*/

  .gn-menu-main .basket a {

    font-size: 16px;

  }

}

и мобильное меню немного поправить

Вполне сносно выходит

 

Изменено пользователем jaffagold

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


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

Вы забыли вставить скриншот

Вот что выходит после вставки стилей ( вариант не окончательный)

Скрытый текст

59627e2209f21_.thumb.jpg.de1ce092054213584f32424baab81709.jpg

 

 

Изменено пользователем jaffagold

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


Ссылка на сообщение
Поделиться на другие сайты
18 минут назад, jaffagold сказал:

Вы забыли вставить скриншот

Вот что выходит после вставки стилей ( вариант не окончательный)

  Скрыть контент

59627e2209f21_.thumb.jpg.de1ce092054213584f32424baab81709.jpg

 

 

Он не адаптирован под стандарт опенкарт.

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


Ссылка на сообщение
Поделиться на другие сайты
14 минут назад, jaffagold сказал:

не понял...

bootstrap.min.css не подключён, <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12"> не работает должным образом.

Изменено пользователем buslikdrev

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


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

да и бог с ним... обходились столько лет без него

Они свой grid расписали.

Кроме размеров менее 1000 глюков не заметил.

Раз уж готово все, основные доработки косметические

Скрытый текст

@media screen and (max-width: 1000px) {

/*ширина описания товара*/
  #tovar-first-screen .page-container .tovar-description {

    max-width: 100%;

  }

/*блок табов и нижний блок*/

  #tovar-second-screen .page-container .tovar-tabs {

    max-width: 100%;

  }

  #tovar-second-screen .page-container .tovar-additional-info {

    max-width: 100%;

  }

  #tovar-second-screen .page-container .tovar-additional-info {

    max-width: 100%;

    background: #f1f2f4;

  }

  #tovar-second-screen .page-container .tovar-additional-info .items {

    width: 50%;

  }

  #tovar-second-screen .page-container .tovar-additional-info .item {

     margin-bottom:0; 

  }

}

Скрытый текст

5962890951499_-3.thumb.jpg.162888f2c3d0af2ade127b4e297700ab.jpg

 

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


Ссылка на сообщение
Поделиться на другие сайты
4 часа назад, Tom сказал:

catalog/view/theme/default/template/common/header.tpl

удалите 


<meta name="viewport" content="width=device-width, initial-scale=1">

 

 

только не удалить, а вместо него написать 

 

<meta content='width=1200' name='viewport'>
 

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

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

×

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

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