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


Работа В Мобильном Браузере


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

#1 xoldn

xoldn

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

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

Отправлено 05 Январь 2014 - 21:22

Есть три проблемы которые хотелось бы исправить во время работы с браузером на смартфоне. (тема Радость)
1. В телефоне можно посмотреть название новости и короткое описание, но нельзя открыть новость и прочитать её.
2. Нельзя открыть и посмотреть все новости. Нажимая на категорию новостей, можно посмотреть последнии пять новостей, остальные для пользователя мобильной версии недоступны. (в идеале хотелось, чтобы высвечивалось по пять новостей, а для того чтобы увидеть следующие пять новостей, нужно выполнить пролистывание вправо, потом следующие пять новостей, т.е чтобы работал просмотр в одну и другую сторону).
3. Сайт на телефоне нельзя отобразить в том же виде, что и на ПК, после установки параметра "показать полную версию", отображается все равно мобильная версия.
Как можно решить эти проблемы? Буду очень благодарен за помощь.

Еще увидел, что не работают кнопки купить на дополнительных товарах в карточке товара.

Сообщение отредактировал xoldn: 06 Январь 2014 - 09:03


#2 xoldn

xoldn

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

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

Отправлено 10 Январь 2014 - 21:09

Есть решение данной проблемы?

#3 Сake

Сake

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

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

Отправлено 11 Январь 2014 - 02:10

Пожалуйста, сообщите модель телефона и используемый браузер, а так же сообщите рабочее разрешение экрана.

#4 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 11 Январь 2014 - 06:38

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


Панель администратора, "Сайт"->"Редактор Шаблонов".
В файле "HTML".
После кода:
{% FOR news_list_shop %}
		 <div class="blocknews clr">
			 <div class="title aunder fnt13"> <a href="{news_list_shop.URL}" title="Перейти к новости: {news_list_shop.TITLE}">{news_list_shop.TITLE}</a></div>
			 <div class="textshort padd51"> {news_list_shop.TEXT_SHORT}</div>
			 {% IF news_list_shop.SHOW_TIME %}<div class="data fnt10 txtalgnrgh">{news_list_shop.TIME | date("d.m.Y")}</div>{% ENDIF %}
		 </div>
		 {% ENDFOR %}

Добавить код:
<div class="allNewList">
<a href="{NEWS_SHOP_URL}">Все новости компании</a>
</div>

После кода:
{% FOR news_list_mass_media %}
		 <div class="blocknews clr">
			 <div class="title aunder fnt13">
				 <a href="{news_list_mass_media.URL}" title="Перейти к странице новости: {news_list_mass_media.TITLE}">{news_list_mass_media.TITLE}</a>
			 </div>
			 <div class="textshort padd51">{news_list_mass_media.TEXT_SHORT}</div>
			 {% IF news_list_mass_media.SHOW_TIME %}<div class="data fnt10 txtalgnrgh">{news_list_mass_media.TIME | date("d.m.Y")}</div>{% ENDIF %}
		 </div>
		 {% ENDFOR %}
Добавить:
<div class="allNewList">
			 <a href="{NEWS_MASS_MEDIA_URL}">Все новости СМИ</a>
		 </div>

После кода:
{% FOR news_list_articles %}
		 <div class="blocknews clr">
			 <div class="title aunder fnt13">
				 <a href="{news_list_articles.URL}" title="Перейти к статье: {news_list_articles.TITLE}">{news_list_articles.TITLE}</a>
			 </div>
			 <div class="textshort padd51">{news_list_articles.TEXT_SHORT}</div>
			 {% IF news_list_articles.SHOW_TIME %}<div class="data fnt10 txtalgnrgh">{news_list_articles.TIME | date("d.m.Y")}</div>{% ENDIF %}
		 </div>
		 {% ENDFOR %}
Добавить:
<div class="allNewList">
			 <a href="{NEWS_ARTICLES_URL}">Все статьи сайта</a>
		 </div>


В начало файла "main.css".
Добавить код:
.allNewList {
display:none;
padding: 0em 0em 0.5em 0.8em;
}
.allNewList a {
color: #707070; padding: 0.5em 0 0 0;
}
.allNewList a:hover {
text-decoration: none;
}

В файле "main.css".
После кода:
Для планшетов
*************************************************************************************/
@media screen and (max-width: 760px) {
Добавить:
/* Кнопка под новостями */
.allNewList {
display:block;
}

Цитата

3. Сайт на телефоне нельзя отобразить в том же виде, что и на ПК, после установки параметра "показать полную версию", отображается все равно мобильная версия.
Как можно решить эти проблемы? Буду очень благодарен за помощь.

Это особенность адаптивной верстки. Мобильные браузеры по умолчанию отображают сайты под большим разрешением, затем вы уже вручную увеличиваете необходимую область.
В файле "HTML" отключает масштабирование.
  <!-- Выводить на мобильных устройствах страницы без масштабирования -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />


#5 xoldn

xoldn

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

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

Отправлено 11 Январь 2014 - 11:07

Телефон Lenovo a390 (480 x 800) и Huawei Ascend P1 (540 x 960). Пробовал в двух браузерах в стандартном и в Google Chrome

#6 xoldn

xoldn

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

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

Отправлено 11 Январь 2014 - 11:20

Просмотр сообщенияKoderhan (11 Январь 2014 - 06:38) писал:

Это особенность адаптивной верстки. Мобильные браузеры по умолчанию отображают сайты под большим разрешением, затем вы уже вручную увеличиваете необходимую область.
В файле "HTML" отключает масштабирование.
<!-- Выводить на мобильных устройствах страницы без масштабирования -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
С этим вопросом не совсем понял. Допустим я открываю яндекс (Yandex.ru) у меня сразу отображается мобильная версия, но я могу галочкой в настройках бараузера отбразить полную версию сайта как на компьютере. Также можно сделать на моём сайте?


Просмотр сообщенияKoderhan (11 Январь 2014 - 06:38) писал:

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


Панель администратора, "Сайт"->"Редактор Шаблонов".
В файле "HTML".
После кода:
{% FOR news_list_shop %}
		 <div class="blocknews clr">
			 <div class="title aunder fnt13"> <a href="{news_list_shop.URL}" title="Перейти к новости: {news_list_shop.TITLE}">{news_list_shop.TITLE}</a></div>
			 <div class="textshort padd51"> {news_list_shop.TEXT_SHORT}</div>
			 {% IF news_list_shop.SHOW_TIME %}<div class="data fnt10 txtalgnrgh">{news_list_shop.TIME | date("d.m.Y")}</div>{% ENDIF %}
		 </div>
		 {% ENDFOR %}

Добавить код:
<div class="allNewList">
<a href="{NEWS_SHOP_URL}">Все новости компании</a>
</div>

После кода:
{% FOR news_list_mass_media %}
		 <div class="blocknews clr">
			 <div class="title aunder fnt13">
				 <a href="{news_list_mass_media.URL}" title="Перейти к странице новости: {news_list_mass_media.TITLE}">{news_list_mass_media.TITLE}</a>
			 </div>
			 <div class="textshort padd51">{news_list_mass_media.TEXT_SHORT}</div>
			 {% IF news_list_mass_media.SHOW_TIME %}<div class="data fnt10 txtalgnrgh">{news_list_mass_media.TIME | date("d.m.Y")}</div>{% ENDIF %}
		 </div>
		 {% ENDFOR %}
Добавить:
<div class="allNewList">
			 <a href="{NEWS_MASS_MEDIA_URL}">Все новости СМИ</a>
		 </div>

После кода:
{% FOR news_list_articles %}
		 <div class="blocknews clr">
			 <div class="title aunder fnt13">
				 <a href="{news_list_articles.URL}" title="Перейти к статье: {news_list_articles.TITLE}">{news_list_articles.TITLE}</a>
			 </div>
			 <div class="textshort padd51">{news_list_articles.TEXT_SHORT}</div>
			 {% IF news_list_articles.SHOW_TIME %}<div class="data fnt10 txtalgnrgh">{news_list_articles.TIME | date("d.m.Y")}</div>{% ENDIF %}
		 </div>
		 {% ENDFOR %}
Добавить:
<div class="allNewList">
			 <a href="{NEWS_ARTICLES_URL}">Все статьи сайта</a>
		 </div>


В начало файла "main.css".
Добавить код:
.allNewList {
display:none;
padding: 0em 0em 0.5em 0.8em;
}
.allNewList a {
color: #707070; padding: 0.5em 0 0 0;
}
.allNewList a:hover {
text-decoration: none;
}

В файле "main.css".
После кода:
Для планшетов
*************************************************************************************/
@media screen and (max-width: 760px) {
Добавить:
/* Кнопка под новостями */
.allNewList {
display:block;
}

Т.е реализовать перемотку новостей в право и влево сложно? Это вообще возможно сделать?

#7 Сake

Сake

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

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

Отправлено 14 Январь 2014 - 01:34

Цитата

С этим вопросом не совсем понял. Допустим я открываю яндекс (Yandex.ru) у меня сразу отображается мобильная версия, но я могу галочкой в настройках бараузера отбразить полную версию сайта как на компьютере. Также можно сделать на моём сайте?

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

Цитата

Т.е реализовать перемотку новостей в право и влево сложно? Это вообще возможно сделать?

Подобный механизм реализовать можно и это будет подобие слайдера, только в место изображений будут отображаться блоки текста. Всевозможные реализации ротации вы можете посмотреть например тут http://kotweb.ru/for...dlya-sayta.html

#8 xoldn

xoldn

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

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

Отправлено 14 Январь 2014 - 10:06

А то, что новости при нажатии на них не открываются, как исправить?

#9 ne_yana

ne_yana

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

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

Отправлено 14 Январь 2014 - 12:18

Просмотр сообщенияxoldn (14 Январь 2014 - 10:06) писал:

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

#10 xoldn

xoldn

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

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

Отправлено 14 Январь 2014 - 12:25

Просмотр сообщенияne_yana (14 Январь 2014 - 12:18) писал:

Здравствуйте, сейчас при нажатии на новости в левой части сайта статьи и новости открываются корректно. Актуальна ли данная проблема?
Меня интересует открытие новостей в мобильном браузере, там они не открываются. Я смотрю по вебвизору, а люди не могут их открыть, в том числе на своём телефоне я этого не могу сделать.

#11 Vaccina

Vaccina

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

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

Отправлено 15 Январь 2014 - 02:45

Попробуйте сделать следующее - в файле стилей main.css найдите

.block .main .blocknews .title a {
  color: #B480C8;
  display: block;
  text-decoration: underline;
}

и замените на

.block .main .blocknews .title a {
  color: #B480C8;
  display: block !important;
  text-decoration: underline;
}

или же просто добавьте

.block .main .blocknews .title a {
  display: block !important;
}


#12 xoldn

xoldn

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

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

Отправлено 15 Январь 2014 - 11:29

Просмотр сообщенияVaccina (15 Январь 2014 - 02:45) писал:


или же просто добавьте

.block .main .blocknews .title a {
display: block !important;
}

Это не помогает. Новости не открываются и кнопки купить в карточке товара тоже не работают.

#13 xoldn

xoldn

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

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

Отправлено 18 Январь 2014 - 21:18

Решить реально?

#14 xoldn

xoldn

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

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

Отправлено 04 Февраль 2014 - 20:39

Я конечно понимаю, что это не самый важный вопрос,но неужели больше никто не пользуется темой Радость.
Пользователи с мобильных телефонов не могут нормально работать с сайтом. Это реальный косяк шаблона, Новости не открываются и кнопки купить в карточке товара не работают. Неужели это не собираются исправлять?

#15 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 08 Март 2014 - 13:52

Просмотр сообщенияxoldn (04 Февраль 2014 - 20:39) писал:

Я конечно понимаю, что это не самый важный вопрос,но неужели больше никто не пользуется темой Радость.
Пользователи с мобильных телефонов не могут нормально работать с сайтом. Это реальный косяк шаблона, Новости не открываются и кнопки купить в карточке товара не работают. Неужели это не собираются исправлять?

Здравствуйте, данная проблема передана разработчикам, в ближайшее время ее устранят.

#16 xoldn

xoldn

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

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

Отправлено 25 Март 2014 - 23:05

А ближайшее время, скоро наступит? Уже почти три недели прошло.

#17 katica

katica

    Новичок

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

Отправлено 09 Сентябрь 2014 - 09:00

У меня данная проблема нарисовалась еще года два назад. Покупатели жаловались что не могут оформить заказ с мобильного. Тогда этой темы не было даже в форуме. Писала разработчикам, обещали довести до ума. Это было два года назад. Ау, разработчики! Вы вообще живы???? Особо настойчивые покупатели оформляют заказ через обратную связь, но это ненормально!!! Многие просто уходят из магазина, я теряю покупателей, я теряю деньги! Плату за аренду подняли, а сервиса никакого....

#18 Vaccina

Vaccina

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

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

Отправлено 10 Сентябрь 2014 - 04:32

Уточните пожалуйста, у вас в карточке товара обе кнопки покупки не работают только на мобильном?




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

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