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


Доработки В Мобильной Версии


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

#1 Natashka prosto prazdnik

Natashka prosto prazdnik

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

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

Отправлено 19 Май 2016 - 20:00

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

Вопрос относится к аккаунту SL-386325
1. При открытии страницы каталога необходимо изменить заголовок с "Каталог" на "Что у нас есть".
2. Возможно ли сделать текстовые ссылки на слайдере аналогично настольной версии?
3. Текст "Телефон" и собственно номер телефона - изменить цвет на темный
4. Иконка-индикатор количества товаров в корзине не умещается на странице и обрезана сверху - это норм?

#2 Natashka prosto prazdnik

Natashka prosto prazdnik

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

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

Отправлено 23 Май 2016 - 08:35

Напомню о себе

#3 Юля123

Юля123

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

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

Отправлено 23 Май 2016 - 11:18

Просмотр сообщенияNatashka prosto prazdnik (19 Май 2016 - 20:00) писал:

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

Вопрос относится к аккаунту SL-386325
1. При открытии страницы каталога необходимо изменить заголовок с "Каталог" на "Что у нас есть".
2. Возможно ли сделать текстовые ссылки на слайдере аналогично настольной версии?
3. Текст "Телефон" и собственно номер телефона - изменить цвет на темный
4. Иконка-индикатор количества товаров в корзине не умещается на странице и обрезана сверху - это норм?

Здравствйте, в main.css найдите код:


			 <span class="label">Каталог товаров</span>


и замените на:

			 <span class="label">Что у нас есть</span>

Это заголовок мобильного меню.
Чтобы  изменить заголовок страницы,в шаблоне HTML найдите код:

				<h1 class="title">{% IF IS_FULL_CATALOG %}Каталог{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0%} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ENDIF %} {% ENDIF %}</h1>
			  {% ENDIF %} 

"Каталог" измените на нужный текст.

2) В main.css найдите и удалите код:

.accor div.title_accor {display: none !important;}

3) Там же найдите код:

.header-middle .block-phone {display: inline-block;}

и замените на код:

.header-middle .block-phone a {color: #2E2F33;}
.header-middle .block-phone {display: inline-block;color: #2E2F33;}

4) У Вас там есть блоки выше, которые скрыты в мобильной версии, из-за этого счетчик и "ушел" вверх. Попробуйте в main.css после кода:
@media all and (max-width: 481px) {

добавить код:
.block-cart .cart-title .cart-count {
	top: 10px;
	right: -10px;
}


#4 Natashka prosto prazdnik

Natashka prosto prazdnik

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

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

Отправлено 12 Июнь 2016 - 20:40

Просмотр сообщенияЮля123 (23 Май 2016 - 11:18) писал:



3) Там же найдите код:

.header-middle .block-phone {display: inline-block;}

и замените на код:

.header-middle .block-phone a {color: #2E2F33;}
.header-middle .block-phone {display: inline-block;color: #2E2F33;}


Не работает((

#5 Danil

Danil

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

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

Отправлено 26 Июнь 2016 - 19:18

Просмотр сообщенияNatashka prosto prazdnik (12 Июнь 2016 - 20:40) писал:

Не работает((
Здравствуйте.
Уточните, пожалуйста, что именно Вы имеете ввиду под настольной версией ссылок?

#6 Дамшир

Дамшир

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

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

Отправлено 30 Март 2018 - 20:37

Добрый день! необходимо произвести редактирование в мобильной версии. См. вложения. (чтобы все было ровно, без нахлеста друг на друга)

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

  • IMG_8863.PNG


#7 RayLi

RayLi

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

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

Отправлено 31 Март 2018 - 10:02

Просмотр сообщенияДамшир (30 Март 2018 - 20:37) писал:

Добрый день! необходимо произвести редактирование в мобильной версии. См. вложения. (чтобы все было ровно, без нахлеста друг на друга)

Здравствуйте.
Чтобы это исправить, Вам необходимо в шаблоне main.css найти следующую строчку кода:

.products-grid .item .item-inner .item-img .actions a.add-wishlist {right: 55px;}

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

.products-grid .item .item-inner .item-img .actions a.add-wishlist {right: 0px;}





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

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