Сообщений в теме: 3

[МАКСИМ К]

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

[metry]

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->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. Пожалуйста, уточните Ваш вопрос. Необходимо само поле поиска уменьшить?

[МАКСИМ К]

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

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

• 

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

[МАКСИМ К]

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. Пожалуйста, уточните Ваш вопрос. Необходимо само поле поиска уменьшить?

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

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