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


Мобильная Версия

Автор magiya1984, 04 янв. 2015 10:08
название категорий

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

#1 magiya1984

magiya1984

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

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 04 Январь 2015 - 10:08

Всем привет!
Ребят у меня в мобильной версии не отображается названия категорий помогите решить вопрос.
За ранее спасибо и всех с новым годом!

Аккаунт SL-266399

#2 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 05 Январь 2015 - 15:32

Просмотр сообщенияmagiya1984 (04 Январь 2015 - 10:08) писал:

Всем привет!
Ребят у меня в мобильной версии не отображается названия категорий помогите решить вопрос.
За ранее спасибо и всех с новым годом!

Аккаунт SL-266399
Здравствуйте.
В main.css найдите код 
  div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
и замените на 
div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}

#3 magiya1984

magiya1984

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

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 05 Январь 2015 - 20:10

Всё ок спасибо

#4 magiya1984

magiya1984

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

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 08 Январь 2015 - 14:43

Продолжаю крутить тему по поводу мобильной версии.
Скажите на мобил. устройствах у товара дублируется название помогите решить.
За ранее спасибо!!! :)
Аккаунт SL-266399

#5 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 09 Январь 2015 - 09:36

Просмотр сообщенияmagiya1984 (08 Январь 2015 - 14:43) писал:

Продолжаю крутить тему по поводу мобильной версии.
Скажите на мобил. устройствах у товара дублируется название помогите решить.
За ранее спасибо!!! :)
Аккаунт SL-266399
Здравствуйте.
Изменения произвели, проверьте.

#6 magiya1984

magiya1984

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

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 09 Январь 2015 - 19:19

Да все как всегда ок Вы на высоте спасибо огромное

#7 magiya1984

magiya1984

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

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 14 Январь 2015 - 23:42

Здравствуйте !!! недавно сделал изминения но забыл сделать копию.

Теперь опять в мобильной версии не отображается названия категорий помогите решить вопрос.
За ранее спасибо!

#8 magiya1984

magiya1984

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

  • Пользователи
  • PipPipPipPip
  • 439 сообщений
  • ГородМосква

Отправлено 15 Январь 2015 - 07:50

тема закрыта прошу прощения :)

#9 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 31 Март 2016 - 15:51

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

Необходимо изменить отображение сайта в мобильной версии ( для удовлетворения рекомендации google  и yandex )
Мобильная адаптация ниже разрешений
@media only screen and (max-width: 1024px)
@media all and (min-width: 990px)
@media all and (min-width: 768px)
@media screen and (max-width: 785px)
@media only screen and (max-width: 640px)
@media only screen and (min-width: 557px) and (max-width: 898px)
@media only screen and (min-width: 480px) and (max-width: 556px)
@media only screen and (min-width: 480px) and (max-width: 767px)
@media only screen and (max-width: 480px)
@media only screen and (max-width: 400px)
@media only screen and (max-width: 360px)

Проверяемый урл: http://santechbomba....DUSheVYe-KABINY

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

Прикрепленные изображения

  • 636.jpg
  • 1235.jpg

#10 Ирина345

Ирина345

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

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

Отправлено 31 Март 2016 - 16:26

Просмотр сообщенияCybernetic (31 Март 2016 - 15:51) писал:

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

Необходимо изменить отображение сайта в мобильной версии ( для удовлетворения рекомендации google  и yandex )
Мобильная адаптация ниже разрешений
@media only screen and (max-width: 1024px)
@media all and (min-width: 990px)
@media all and (min-width: 768px)
@media screen and (max-width: 785px)
@media only screen and (max-width: 640px)
@media only screen and (min-width: 557px) and (max-width: 898px)
@media only screen and (min-width: 480px) and (max-width: 556px)
@media only screen and (min-width: 480px) and (max-width: 767px)
@media only screen and (max-width: 480px)
@media only screen and (max-width: 400px)
@media only screen and (max-width: 360px)

Проверяемый урл: http://santechbomba....DUSheVYe-KABINY

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

Здравствуйте, найдите в файле main.css
 .prod_hold .name a, .prod_hold_recent .name a {font-size: 13px !important;}
замените на


 .prod_hold .name a, .prod_hold_recent .name a {font-size: 24px !important;}
  div.prod_hold, div.prod_hold_recent {
	   width: 134px;
}
#tabs a {
	font-size: 21px;
}
div.prod_hold .prod-info-fly {
	display: none;
	}
.filter label {
	font-size: 24px;
}

#11 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 31 Март 2016 - 22:26

Ирина345
Гугл тест мобильный прошел, яндекс все еще ругается, скриншот

Прикрепленные изображения

  • 1.jpg
  • 2.jpg

#12 Vaccina

Vaccina

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

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

Отправлено 01 Апрель 2016 - 01:56

В файле main.css найдите и увеличьте шрифты, у вас нашла:
font-size: 12px;


font-size: 11px;


font-size: 10px;

#13 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 01 Апрель 2016 - 12:08

Vaccina сделал как вы просили и даже больше увеличил все шрифты  до 12px, но тем не менее яндекс бракует сайт "на мобильность". Задал вопрос яндексу, получил ответ:


Дело в том, что браузер, открывающий страницы Вашего сайта может уменьшать её размеры до размеров экрана смартфона (например, до ширины экрана в 320px). Из-за масштабирования текст на сайте также меняется пропорционально, поэтому в конечном итоге он может отображаться меньше, чем 12px. Поэтому Вам необходимо подобрать такой размер шрифта, чтобы в конечном варианте он отображался согласно рекомендациям.
Кроме того, рекомендуем приводить мета-тег "viewport" к виду <meta name="viewport" content="width=device-width, initial-scale=1".

Возможно как то это исправить и применить мета-тег "viewport" к тому виду который они хотят?

#14 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 01 Апрель 2016 - 12:27

Просмотр сообщенияCybernetic (01 Апрель 2016 - 12:08) писал:

Vaccina сделал как вы просили и даже больше увеличил все шрифты  до 12px, но тем не менее яндекс бракует сайт "на мобильность". Задал вопрос яндексу, получил ответ:


Дело в том, что браузер, открывающий страницы Вашего сайта может уменьшать её размеры до размеров экрана смартфона (например, до ширины экрана в 320px). Из-за масштабирования текст на сайте также меняется пропорционально, поэтому в конечном итоге он может отображаться меньше, чем 12px. Поэтому Вам необходимо подобрать такой размер шрифта, чтобы в конечном варианте он отображался согласно рекомендациям.
Кроме того, рекомендуем приводить мета-тег "viewport" к виду <meta name="viewport" content="width=device-width, initial-scale=1".

Возможно как то это исправить и применить мета-тег "viewport" к тому виду который они хотят?

Здравствуйте, да, если изменить строку:

   <meta name="viewport" content="width=767" />

на строку:

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

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

Ну или вариант проще - сделать для сайта на разрешении 767 шрифт не 12px, а например, 15-18, возможно, так будет лучше отображаться.

#15 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 19 Апрель 2016 - 16:19

Добрый день.

1) Помогите подредактировать страницу на сайте http://santechbomba....age/santehbomba
при уменьшении размера монитора или при открывании на мобильном устройстве контент "ломается". хотя с той же таблицей как тут http://santechbomba.ru/page/stock все нормально.
Скриншот во влажении

2) необходимо что бы картинки открывались большими при клике (как в карточке товара).

Помогите пожалуйста это реализовать.

Прикрепленные изображения

  • 124.jpg

#16 Firefly

Firefly

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

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

Отправлено 19 Апрель 2016 - 19:20

Просмотр сообщенияCybernetic (19 Апрель 2016 - 16:19) писал:

Добрый день.

1) Помогите подредактировать страницу на сайте http://santechbomba....age/santehbomba
при уменьшении размера монитора или при открывании на мобильном устройстве контент "ломается". хотя с той же таблицей как тут http://santechbomba.ru/page/stock все нормально.
Скриншот во влажении

2) необходимо что бы картинки открывались большими при клике (как в карточке товара).

Помогите пожалуйста это реализовать.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Страницы -> Сантехбомба1 -> Источник, найдите код:
<td><span style="font-size:14px;"><span style="line-height: 18.2px;"><img alt="" id="ugolkrug" src="http://st.santechbomba.ru/12/1866/102/3.jpg" style="line-height: 18.2px; opacity: 0.9; width: 200px; height: 145px;" /></span></span></td>
<td><span style="font-size:14px;"><span style="line-height: 18.2px;">&nbsp;</span></span></td>
<td><span style="font-size:14px;"><span style="line-height: 18.2px;"><img alt="" id="ugolkrug" src="http://st.santechbomba.ru/11/1866/104/5.jpg" style="line-height: 18.2px; opacity: 0.9; width: 200px; height: 275px;" /></span></span></td>
<td><span style="font-size:14px;"><span style="line-height: 18.2px;">&nbsp;</span></span></td>
<td><span style="font-size:14px;"><span style="line-height: 18.2px;"><img alt="" id="ugolkrug" src="http://st.santechbomba.ru/9/1866/103/4.jpg" style="line-height: 18.2px; width: 200px; height: 275px;" /></span></span></td>
<td><span style="font-size:14px;"><span style="line-height: 18.2px;">&nbsp;</span></span></td>
<td><span style="font-size:14px;"><span style="line-height: 18.2px;"><img alt="" id="ugolkrug" src="http://st.santechbomba.ru/7/1866/100/1.jpg" style="line-height: 18.2px; width: 200px; height: 275px;" />​</span></span></td>

Замените на:
<td><span style="font-size:14px;"><span style="line-height: 18.2px;"><a href="http://st.santechbomba.ru/12/1866/102/3.jpg" onclick="$(this);return(false);" rel="gallery" target="_blank"><img alt="" id="ugolkrug" src="http://st.santechbomba.ru/12/1866/102/3.jpg" style="line-height: 18.2px; opacity: 0.9;" /></a></span></span></td>
<td><span style="font-size:14px;"><span style="line-height: 18.2px;">&nbsp;</span></span></td>
<td><span style="font-size:14px;"><span style="line-height: 18.2px;"><a href="http://st.santechbomba.ru/11/1866/104/5.jpg" onclick="$(this);return(false);" rel="gallery" target="_blank"><img alt="" id="ugolkrug" src="http://st.santechbomba.ru/11/1866/104/5.jpg" style="line-height: 18.2px; opacity: 0.9;" /></a></span></span></td>
<td><span style="font-size:14px;"><span style="line-height: 18.2px;">&nbsp;</span></span></td>
<td><span style="font-size:14px;"><span style="line-height: 18.2px;"><a href="http://st.santechbomba.ru/9/1866/103/4.jpg" onclick="$(this);return(false);" rel="gallery" target="_blank"><img alt="" id="ugolkrug" src="http://st.santechbomba.ru/9/1866/103/4.jpg" style="line-height: 18.2px;" /></a></span></span></td>
<td><span style="font-size:14px;"><span style="line-height: 18.2px;">&nbsp;</span></span></td>
<td><span style="font-size:14px;"><span style="line-height: 18.2px;"><a href="http://st.santechbomba.ru/7/1866/100/1.jpg" onclick="$(this);return(false);" rel="gallery" target="_blank"><img alt="" id="ugolkrug" src="http://st.santechbomba.ru/7/1866/100/1.jpg" style="line-height: 18.2px;" /></a>​</span></span></td>

#17 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 19 Апрель 2016 - 21:28


Firefly спасибо!

#18 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 22 Апрель 2016 - 09:01

Просмотр сообщенияЮля123 (01 Апрель 2016 - 12:27) писал:

Здравствуйте, да, если изменить строку:

<meta name="viewport" content="width=767" />

на строку:

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

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

Ну или вариант проще - сделать для сайта на разрешении 767 шрифт не 12px, а например, 15-18, возможно, так будет лучше отображаться.

Сделал по вашим инструкциям но проверку Яндекса не прошел всё равно

Прикрепленные изображения

  • 1.jpg

#19 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 22 Апрель 2016 - 09:46

Просмотр сообщенияCybernetic (22 Апрель 2016 - 09:01) писал:

Сделал по вашим инструкциям но проверку Яндекса не прошел всё равно

Просмотр сообщенияCybernetic (22 Апрель 2016 - 09:01) писал:

Сделал по вашим инструкциям но проверку Яндекса не прошел всё равно

Здравствуйте,  Вас еще в футере размер шрифта идет по умолчанию 11рх. В main.css найдите код:

#powered {text-align: center;clear: both;background-color:transparent;font-size: 11px;}

свойства font-size увеличьте  значение. Возможно, этого будет достаточно.

#20 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 26 Май 2016 - 01:34

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

Возможно ли при на разрешении 360px вертикальный каталог который сейчас у нас есть, заменять на стандартный вертикальный каталог темы "осень"?
Подробнее на рис .
Задача: Выводить в место категорий иконок на сайте стандартный вертикальный каталог осени чуть доработанный: (рис 2)

логика вертикального меню:
1. на главной развернуто
2. При выборе каталога товаров вертикальное меню схлопывается верх (можно нажать и вызвать снова)
3. На карточке товара такая же логика как и в каталоге товаров.

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

Прикрепленные изображения

  • menue.jpg

Обратно в Каталог товаров


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Весна
  5. → Каталог товаров
  6. Privacy Policy