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


Изменения В Мобильной Версии

мобильная версия изменения

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

#1 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 18 Август 2016 - 01:17

Всё не допрёт до меня вот что: как менять что-либо  в мобильной версии сайта?

Все изменения, который вношу в HTML Я замечаю только на полной версии (для ПК), а в мобильной что-то сложно изменить (если вообще возможно).

Прошу помощи!
Например, мне нужно удалить в мобильной версии ненужное меню под названием "Каталог" (которое есть в выпадающем справа блоке), поскольку нет надобности в нём. Но как это сделать - ума не приложу.

Спасибо.

#2 Vaccina

Vaccina

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

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

Отправлено 18 Август 2016 - 03:02

В main.css после:
.header-mobile .menu-list {
	display: block;
	position: relative;
	float: none;
	width: 100%;
	margin-bottom: 5px;
}

пропишите:
.header-mobile .catalog.menu-list {
	display: none;
}


#3 Paulett

Paulett

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

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

Отправлено 30 Ноябрь 2016 - 07:01

Добрый день. Помогите пожалуйста настроить, чтобы в мобильной версии при нажатии на значок каталога, происходил переход в каталог товаров (без промежуточного меню). А также добавить значок человечка, с переходом на страницу авторизации. Аккаунт SL-382253

#4 Paulett

Paulett

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

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

Отправлено 02 Декабрь 2016 - 09:55

Уважаемые модераторы, вопрос актуален! Помогите пожалуйста.

#5 Stasya

Stasya

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

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

Отправлено 07 Декабрь 2016 - 13:02

Просмотр сообщенияPaulett (30 Ноябрь 2016 - 07:01) писал:

Добрый день. Помогите пожалуйста настроить, чтобы в мобильной версии при нажатии на значок каталога, происходил переход в каталог товаров (без промежуточного меню). А также добавить значок человечка, с переходом на страницу авторизации. Аккаунт SL-382253
Здравствуйте. Все эти изменения сейчас присутствуют на Вашем сайте.Скажите, пожалуйста, Ваш вопрос еще актуален?

#6 Paulett

Paulett

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

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

Отправлено 16 Декабрь 2016 - 15:32

Просмотр сообщенияStasya (07 Декабрь 2016 - 13:02) писал:

Здравствуйте. Все эти изменения сейчас присутствуют на Вашем сайте.Скажите, пожалуйста, Ваш вопрос еще актуален?

Добрый день. Я никаких изменений в МОБИЛЬНУЮ версию не вносил (сейчас проверил на смартфоне, изменений нет). Вопрос актуален!

#7 Stasya

Stasya

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

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

Отправлено 21 Декабрь 2016 - 21:02

Просмотр сообщенияPaulett (16 Декабрь 2016 - 15:32) писал:

Добрый день. Я никаких изменений в МОБИЛЬНУЮ версию не вносил (сейчас проверил на смартфоне, изменений нет). Вопрос актуален!
Здравствуйте. Сейчас на Вашем сайте, если кликнуть по Каталогу, то происходит переход на страницу каталога, если кликнуть по стрелочке, то раскрываются категории. Значок человечка около личного кабинета так же присутствует на Вашем сайте. Скриншот прикрепила. Или Вы говорите о чем то другом?

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

  • Screenshot_66.jpg


#8 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 14 Июнь 2017 - 03:02

Очередной вопрос по мобильной версии!
Нужно в мобильной версии убрать блоки "История просмотров", "Хиты продаж" и "Контактная информация".
Нужно чтобы после каталога магазина (списка категорий) отображался сразу body, то есть описание товара или текст главной страницы.
На фото скрин шкрола, красными крестами помечены ненужные блоки в мобильной версии.

Спасибо.

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

  • шкролл.jpg


#9 Vaccina

Vaccina

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

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

Отправлено 14 Июнь 2017 - 05:17

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media screen and (max-width: 480px) {

после него пропишите:
.block.history {
	display: none;
}


#10 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 14 Июнь 2017 - 22:32

Большое спасибо за ответ.

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

#11 Vaccina

Vaccina

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

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

Отправлено 15 Июнь 2017 - 08:53

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - в самом конце вставьте:
<script>
$(document).ready(function () {
  var width = $(window).width();
  if (width < 480) {
	$(window).scrollTop(1500);
  }
});
</script>


#12 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 15 Июнь 2017 - 21:01

Просмотр сообщенияVaccina (15 Июнь 2017 - 08:53) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - в самом конце вставьте:
<script>
$(document).ready(function () {
var width = $(window).width();
if (width < 480) {
$(window).scrollTop(1500);
}
});
</script>

Отлично, работает в целом корректно.
Спасибо.

#13 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

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

Просмотр сообщенияVaccina (15 Июнь 2017 - 08:53) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - в самом конце вставьте:
<script>
$(document).ready(function () {
var width = $(window).width();
if (width < 480) {
$(window).scrollTop(1500);
}
});
</script>

А можно в этом условии использовать приписку #content к URL товара?
Это намного удобней скроллинга по цифре, но как это осуществить не пойму.

#14 Mr.Nito

Mr.Nito

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

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

Отправлено 27 Ноябрь 2018 - 16:52

Просмотр сообщенияlike.hornet.6 (26 Ноябрь 2018 - 19:01) писал:

А можно в этом условии использовать приписку #content к URL товара?
Это намного удобней скроллинга по цифре, но как это осуществить не пойму.
Используйте скрипт

<script>
$(document).ready(function () {
  var width = $(window).width();
  if (width < 720) {
	$('html,body').animate({
	scrollTop: $('#content').offset().top
	})
  }
});
</script>


#15 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 28 Ноябрь 2018 - 09:22

Просмотр сообщенияMr.Nito (27 Ноябрь 2018 - 16:52) писал:

Используйте скрипт

<script>
$(document).ready(function () {
var width = $(window).width();
if (width < 720) {
$('html,body').animate({
scrollTop: $('#content').offset().top
})
}
});
</script>

Спасибо большое, работает отлично.

#16 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 07 Декабрь 2018 - 11:56

Ещё одно изменение.

Нужно сделать кнопку КУПИТЬ на одном уровне с ценой.
На компе и планшете (в том числе на мобильный в горизонтале) всё норм, а вот на мобильном в вертикали кнопку сразу сносит на новую строку.
Так вот - эту кнопку нужно выровнять.

Спасибо.

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

  • Безымянный.jpg


#17 RayLi

RayLi

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

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

Отправлено 07 Декабрь 2018 - 15:39

Просмотр сообщенияlike.hornet.6 (07 Декабрь 2018 - 11:56) писал:

Ещё одно изменение.

Нужно сделать кнопку КУПИТЬ на одном уровне с ценой.
На компе и планшете (в том числе на мобильный в горизонтале) всё норм, а вот на мобильном в вертикали кнопку сразу сносит на новую строку.
Так вот - эту кнопку нужно выровнять.

Спасибо.

Здравствуйте.
В шаблоне main.css найдите, пожалуйста, данный блок кода:

.price.over form>div {
	display: block;
	float: left;
	width: 100%;
}

И замените его этим вот кодом:

.price.over form>div {
	display: block;
	float: right;
	padding-right: 5px;
}






Темы с аналогичным тегами мобильная, версия, изменения

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

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