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


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


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

#1 МАКСИМ К

МАКСИМ К

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

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

Отправлено 18 Март 2018 - 13:14

Здравствуйте господа программисты . Помогите пожалуйста в следующем :
1 В шапке, блок поиск сделать короче в два раза .
2 Кнопку Перейти в каталог , на слайдере , сделать не прозрачной а другим цветом .
3 В мобильной и полной версии , в блоке "В этом сезоне специальная цена на все навинки" кнопку "узнать больше " переименовать на "новинки " и при нажатии переход в новинки .
Заранее спасибо.

#2 metry

metry

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

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

Отправлено 20 Март 2018 - 18:14

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css.

2. Найдите:

.button {display: inline-block;overflow: visible;font-size: 14px;padding: 0px 20px;height: 40px;line-height: 34px;border-width: 3px;border-style: double;border-color: #22121e;background-color: transparent;color: #22121e;letter-spacing: 0.5px;text-transform: uppercase;text-align: center;white-space: nowrap;margin: 0;outline: 0;cursor: pointer;-webkit-appearance: none;}

и после него вставьте:

.button.big.one {border-color: #ffffff;background-color: #8c2c29;color: #ffffff;}

далее найдите:

#slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}

замените на:

#slideshow .text .title {color: #ffffff;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}

далее зайдите в Редактор шаблонов-->HTML и найдите:
		<div class="title">Новая коллекция</div>
		<a href="{CATALOG_URL}" class="button big">Перейти в каталог</a>

замените на:
		<div class="title">Новая коллекция</div>
		<a href="{CATALOG_URL}" class="button big one">Перейти в каталог</a>


3. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
		  <a class="button big" href="{CATALOG_URL}" title="Перейти в Каталог">Узнать больше</a>

замените на:
<a class="button big" href="/catalog/Новинки" title="Перейти в Новинки">Новинки</a>


1. Пожалуйста, уточните Ваш вопрос. Необходимо само поле поиска уменьшить?

#3 МАКСИМ К

МАКСИМ К

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

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

Отправлено 20 Март 2018 - 19:09

Спасибо за ответ. По поводу первого вопроса , проблема такая что в мобильной версии , в вертикальном режиме блок поиск по ширине длиннее чем весь сайт. Но если перевернуть телефон в горизонтальное положение то все в порядке .
Возможно не стоит уменьшать саму строку "поиск" а сделать сам сайт по ширине строки "поиск" .
И подскажите пожалуйста как в мобильной версии установить логотип в шапку , справа от номера телефона. Сам номер телефона сместить влево. Заранее спасибо.

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

  • Screenshot_20180321-193148_Yandex Browser.jpg

Сообщение отредактировал МАКСИМ К: 21 Март 2018 - 19:39


#4 МАКСИМ К

МАКСИМ К

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

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

Отправлено 26 Март 2018 - 23:05

Просмотр сообщенияmetry (20 Март 2018 - 18:14) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css.

2. Найдите:

.button {display: inline-block;overflow: visible;font-size: 14px;padding: 0px 20px;height: 40px;line-height: 34px;border-width: 3px;border-style: double;border-color: #22121e;background-color: transparent;color: #22121e;letter-spacing: 0.5px;text-transform: uppercase;text-align: center;white-space: nowrap;margin: 0;outline: 0;cursor: pointer;-webkit-appearance: none;}

и после него вставьте:

.button.big.one {border-color: #ffffff;background-color: #8c2c29;color: #ffffff;}

далее найдите:

#slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}

замените на:

#slideshow .text .title {color: #ffffff;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}

далее зайдите в Редактор шаблонов-->HTML и найдите:
	 <div class="title">Новая коллекция</div>
	 <a href="{CATALOG_URL}" class="button big">Перейти в каталог</a>

замените на:
	 <div class="title">Новая коллекция</div>
	 <a href="{CATALOG_URL}" class="button big one">Перейти в каталог</a>


3. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
		 <a class="button big" href="{CATALOG_URL}" title="Перейти в Каталог">Узнать больше</a>

замените на:
<a class="button big" href="/catalog/Новинки" title="Перейти в Новинки">Новинки</a>


1. Пожалуйста, уточните Ваш вопрос. Необходимо само поле поиска уменьшить?

Просмотр сообщенияmetry (20 Март 2018 - 18:14) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css.

2. Найдите:

.button {display: inline-block;overflow: visible;font-size: 14px;padding: 0px 20px;height: 40px;line-height: 34px;border-width: 3px;border-style: double;border-color: #22121e;background-color: transparent;color: #22121e;letter-spacing: 0.5px;text-transform: uppercase;text-align: center;white-space: nowrap;margin: 0;outline: 0;cursor: pointer;-webkit-appearance: none;}

и после него вставьте:

.button.big.one {border-color: #ffffff;background-color: #8c2c29;color: #ffffff;}

далее найдите:

#slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}

замените на:

#slideshow .text .title {color: #ffffff;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}

далее зайдите в Редактор шаблонов-->HTML и найдите:
	 <div class="title">Новая коллекция</div>
	 <a href="{CATALOG_URL}" class="button big">Перейти в каталог</a>

замените на:
	 <div class="title">Новая коллекция</div>
	 <a href="{CATALOG_URL}" class="button big one">Перейти в каталог</a>


3. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
		 <a class="button big" href="{CATALOG_URL}" title="Перейти в Каталог">Узнать больше</a>

замените на:
<a class="button big" href="/catalog/Новинки" title="Перейти в Новинки">Новинки</a>


1. Пожалуйста, уточните Ваш вопрос. Необходимо само поле поиска уменьшить?



Спасибо за ответ. По поводу первого вопроса , проблема такая что в мобильной версии , в вертикальном режиме блок поиск по ширине длиннее чем весь сайт. Но если перевернуть телефон в горизонтальное положение то все в порядке .
Возможно не стоит уменьшать саму строку "поиск" а сделать сам сайт по ширине строки "поиск" .
И подскажите пожалуйста как в мобильной версии установить логотип в шапку , справа от номера телефона. Сам номер телефона сместить влево. Заранее спасибо.

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





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

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