Перейти к содержимому


Вид Сайта


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 21

#1 VADEK

VADEK

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений

Отправлено 18 Февраль 2018 - 21:31

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

#2 VADEK

VADEK

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений

Отправлено 19 Февраль 2018 - 20:57

up

#3 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 20 Февраль 2018 - 19:40

Просмотр сообщенияVADEK (18 Февраль 2018 - 21:31) писал:

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

Здравствуйте.
Извините за ожидание.
Уточните, пожалуйста, вопрос еще актуален? Сейчас насколько видно с мобильных устройств сайт отображается аналогично основной версии.

#4 VADEK

VADEK

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений

Отправлено 20 Февраль 2018 - 20:36

добрый вечер.вопрос еще актуален,когда просматриваю поведение посетителей вижу что у кого то открывается мобильная версия,а она у меня корявая,вообще решил перейти на полноэкранную версию при этом прописывал <meta name="viewport" content='width=1200' />

тег прописал давно,до запуска трафика на сайт,а проблема у посетителей такая возникает,так же съезжает шапка с категориями

#5 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 21 Февраль 2018 - 11:21

Просмотр сообщенияVADEK (20 Февраль 2018 - 20:36) писал:

добрый вечер.вопрос еще актуален,когда просматриваю поведение посетителей вижу что у кого то открывается мобильная версия,а она у меня корявая,вообще решил перейти на полноэкранную версию при этом прописывал <meta name="viewport" content='width=1200' />

тег прописал давно,до запуска трафика на сайт,а проблема у посетителей такая возникает,так же съезжает шапка с категориями

Проверил на мобильном устройстве ios - открылась полная версия.

Попробуйте добавить в main.css в самом начале

@-ms-viewport { width: 1200px; }
	@-webkit-viewport { width: 1200px; }
	@-moz-viewport { width: 1200px; }
	@-o-viewport { width: 1200px; }
	@viewport { width: 1200px; }

https://toster.ru/q/205685

#6 Dimarik55

Dimarik55

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 26 Ноябрь 2021 - 10:13

Коллеги, добрый день!
SL-535464

Помогите плиз! Необходимо привести слайдер с каруселью в юзабилити вид. В данный момент он выглядит вот так. (см. вложения)
А должен так же как на сайте или тогда уже вообще не отображаться

Screenshot_20211126_124502_com.android.chrome.jpg Screenshot_20211126_124506_com.android.chrome.jpg Screenshot_20211126_124510_com.android.chrome.jpg Screenshot_20211126_124513_com.android.chrome.jpg

#7 stasia

stasia

    Активный участник

  • Модераторы
  • 560 сообщений

Отправлено 26 Ноябрь 2021 - 19:50

Просмотр сообщенияDimarik55 (26 Ноябрь 2021 - 10:13) писал:

Коллеги, добрый день!
SL-535464

Помогите плиз! Необходимо привести слайдер с каруселью в юзабилити вид. В данный момент он выглядит вот так. (см. вложения)
А должен так же как на сайте или тогда уже вообще не отображаться

Прикрепленный файл Screenshot_20211126_124502_com.android.chrome.jpgПрикрепленный файл Screenshot_20211126_124506_com.android.chrome.jpgПрикрепленный файл Screenshot_20211126_124510_com.android.chrome.jpgПрикрепленный файл Screenshot_20211126_124513_com.android.chrome.jpg

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}
.col-contact {margin-bottom: 20px;}
.sort-by {display: block;width: 100%;margin-top: 10px;}

И сразу после добавьте данный код:
#slideshow {top: 275px;}
#slideshow .item {height: 450px;background-size: contain !important;}


#8 Dimarik55

Dimarik55

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 28 Ноябрь 2021 - 11:23

Просмотр сообщенияstasia (26 Ноябрь 2021 - 19:50) писал:

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}
.col-contact {margin-bottom: 20px;}
.sort-by {display: block;width: 100%;margin-top: 10px;}

И сразу после добавьте данный код:
#slideshow {top: 275px;}
#slideshow .item {height: 450px;background-size: contain !important;}

Здравствуйте.
Сделал, помогло. Спасибо!
Слайдер стал отображаться нормально

а вот текстовые формы пропали со слайдера(2021-11-28_142104.jpg

#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 30 Ноябрь 2021 - 06:33

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow .item .content {display: none;}

замените на:
#slideshow .item .content {top: 0;}
#slideshow .item .content h2 {font-size: 24px;}
#slideshow .item .content p {font-size: 16px;}
#slideshow .item .content .button {margin-top: 10px;}

Screenshot(1).png

#10 Dimarik55

Dimarik55

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 30 Ноябрь 2021 - 17:33

Просмотр сообщенияVaccina (30 Ноябрь 2021 - 06:33) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow .item .content {display: none;}

замените на:
#slideshow .item .content {top: 0;}
#slideshow .item .content h2 {font-size: 24px;}
#slideshow .item .content p {font-size: 16px;}
#slideshow .item .content .button {margin-top: 10px;}

Прикрепленный файл Screenshot(1).png

Спасибо! Все удачно получилось!

#11 Dimarik55

Dimarik55

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 30 Январь 2022 - 20:23

Доброго времени суток!

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

2022-01-30_223725.jpg 2022-01-30_224114.jpg 2022-01-30_224147.jpg

С картинками такая же проблема и в новостях:
https://abriz55.ru/n...ilya-tak-vazhen
https://abriz55.ru/news/svet
https://abriz55.ru/news/socials

и можно ли сделать мобильную версию статичной к маштабированию? Что бы нельзя увеличивать масштаб сайта.
как тут https://vipceiling.ru/omsk/

#12 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Февраль 2022 - 07:27

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}
.col-contact {margin-bottom: 20px;}
.sort-by {display: block;width: 100%;margin-top: 10px;}
#slideshow {top: 275px;}
#slideshow .item {height: 450px;background-size: contain !important;}

замените на:
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}
.col-contact {margin-bottom: 20px;}
.sort-by {display: block;width: 100%;margin-top: 10px;}
#slideshow {top: 0px;}
#slideshow .item {height: 250px;background-size: contain !important;}
.htmlDataBlock img {width: 100% !important;height: auto !important;}


#13 Dimarik55

Dimarik55

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 01 Февраль 2022 - 09:47

Спасибо огромное! Слайдер и изображения отображаются хорошо.

А шапку в мобильной можно разгрузить как на скрине ниже:
2022-02-01_123644.jpg

#14 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Февраль 2022 - 07:34

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.cart-compare > div {width: 50%;}
#header .top-links {height: 53px;}
#header .social-links {position: absolute;top: 55px;right: 10px;}

замените на:
.cart-compare > div {width: 50%;}
#header .top-links {height: 53px;}
#header .social-links {overflow: visible;position: absolute;top: 25px;right: 10px;}
#header .social-links .vk {position: absolute;top:115px;left: -70px;}
#header .social-links .instagram{position: absolute;top:115px;left: -25px;}
#header .script-form {position: absolute;top: 75px;right: 10%;}


#15 Dimarik55

Dimarik55

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 02 Февраль 2022 - 08:02

Просмотр сообщенияVaccina (02 Февраль 2022 - 07:34) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.cart-compare > div {width: 50%;}
#header .top-links {height: 53px;}
#header .social-links {position: absolute;top: 55px;right: 10px;}

замените на:
.cart-compare > div {width: 50%;}
#header .top-links {height: 53px;}
#header .social-links {overflow: visible;position: absolute;top: 25px;right: 10px;}
#header .social-links .vk {position: absolute;top:115px;left: -70px;}
#header .social-links .instagram{position: absolute;top:115px;left: -25px;}
#header .script-form {position: absolute;top: 75px;right: 10%;}
Доброго утра!
Сделал, ничего не поменялось(

#16 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Февраль 2022 - 08:10

Изменения у вас пока отсутствуют:
Screenshot.png

#17 Dimarik55

Dimarik55

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 02 Февраль 2022 - 09:02

Какие-то странности. Я нажимал кнопку сохранить после внесения изменений, потом кэш почистил и настройки пропали))

Изменения увидел, но у меня к примеру в телефоне (honor 9) отображается вот так:
Screenshot_20220202_112421_com.android.chrome (1).jpg

А если смотреть через код страницы в device toolbar, то выглядит вот так:
2022-02-02_120104.jpg

Можно ли тогда сделать, что бы на большинстве устройств это выглядело вот так:
2022-02-02_112536.jpg

#18 Dimarik55

Dimarik55

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 02 Февраль 2022 - 18:31

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

И подскажите, возможно ли сделать запрет на масштабирование сайта в мобильной? Сделать мобильную версию статичной

#19 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Февраль 2022 - 06:48

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 103px;text-align: center;}
#header .container > .logo a {display: block;line-height: 103px;vertical-align: middle;z-index: 2;}
#header .container > .logo img {display: inline-block;max-height: 90px;}
#custommenu {display: none;}

замените на:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 103px;text-align: left;}
#header .container > .logo a {display: block;line-height: 103px;vertical-align: middle;z-index: 2;}
#header .container > .logo img {display: inline-block;max-height: 90px;}
#custommenu {display: none;}

далее найдите:
#header .script-form {position: absolute;top: 75px;right: 25px;}

замените на:
#header .script-form {position: absolute;top: 75px;right: 35px;}

Далее зайдите в шаблон HTML - найдите:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

замените на:
<meta name="viewport" content="width=device-width, user-scalable=no">


#20 Dimarik55

Dimarik55

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 03 Февраль 2022 - 07:34

Здравствуйте.

В принципе все гуд. Только с масштабированием ничего не поменялось.
Зум по прежнему присутствует. Проверил в двух мобильных браузерах, после чистки кэша




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных